How to make a responsive website
Responsive web design allows precise control over your layout at every viewport. Here are expert tips to bring your vision to life.
top of page
Stay informed on all things design.
All Articles
Shaping Design is created on Editor X, the advanced web design platform for professionals. Create your next project on Editor X.
The principles of good website design
While every website is a brand new project, some golden rules forever apply. Discover these ten north stars of web design.
How mental models affect both users and designers
Users and designers have different expectations of web design. Acknowledging these mental models can lead to better experiences.
Mobile-first design tips and best practices
In a time when our mobile phones are inseparable from our everyday lives, here’s how to craft a user-friendly mobile experience.
Our favorite web designs of the year so far
A curated selection of web and digital designs that are redefining what the internet means today.
Font size guidelines for responsive websites
From desktop to mobile and beyond, here’s how to ensure that your typography is just as responsive as the rest of your website.
Optimize your Editor X website for Core Web Vitals
With Google’s new Core Web Vitals, website optimization is now a priority. Get your Editor X site in top shape with these tips.
A guide to Core Web Vitals (CWV)
Core Web Vitals are Google’s new performance metrics that directly impact website search rankings. Here’s what you need to know.
How to improve your website’s cross-browser compatibility
From Safari to Chrome, your website should look great on any browser it’s viewed on. Here’s how to ensure it's always at its best.
eCommerce website design examples that tell a captivating story
25 eCommerce websites that harness the power of design to elevate online shopping into a compelling and branded experience.
The power of interaction design
Interactions can breathe life into a website, delighting users and increasing engagement. Here’s how to get interaction design right.
How to resize images for responsive web design
Ensure that your images stay sharp and pixel-perfect on every screen size by resizing them with CSS, or intuitively on Editor X.
How we branded Editor X
It's the loose ends in our brand that make room for future growth. Here’s how Editor X came to be — and how it keeps evolving.
13 online coding courses for every web developer
Fit for every experience level, this selection of free and paid online coding courses is sure to boost your expertise and skills.
How art direction in web design creates more engaging experiences
Unlike print, web design doesn’t usually receive art direction. Leading designers discuss why, and what we’re missing as a result.
15 excellent graphic design portfolio examples
The best online portfolios radiate creative vision and personality. Here are some inspiring examples and tips for creating your own.
20 best fonts for websites in 2023
Typography is an important player in web design. This selection of free and paid fonts is web-safe, legible and beautiful.
Why AR and VR aren’t living up to their promise for the web just yet
While AR and VR are often used in mobile apps, they can also play an important role in web design when used with the right intent.
Editor X: Where creativity and precision meet
Advanced creation platform Editor X has been making waves in the web design world. Here’s what makes it stand out.
How to improve SEO with web design
SEO may not sound thrilling, but knowing the basics will boost your professionalism and help people reach the websites you design.
bottom of page