Smashing Magazine
An online magazine for professional Web designers and developers

Choosing A New Serverless Database Technology At An Agency (Case Study)
| Leave a CommentAbout The Author Michael is a full stack engineer who is passionate about solving real business problems with code. He is a Lead Software Engineer at The Knot Worldwide as well … More about Michael ↬ Choosing to use a new technology can often bring much desired productivity, security, and efficiency to a project. It […]
Read more »
SVG Generators
| Leave a CommentAbout The Author Juggling between three languages on a daily basis, Iris is known for her love of linguistics, arts, web design and typography, as well as her goldmine of … More about Iris ↬ In a new series of posts, we highlight some of the useful tools and techniques for developers and designers. Last […]
Read more »
Growing UX Maturity: Knowledge Sharing And Mentorship (Part 2)
| Leave a CommentAbout The Author Victor is a Philadelphia based researcher, author, and speaker. His book Design for the Mind, is available from Manning Publications. Victor frequently writes … More about Victor ↬ UX practitioners can play an important role in growing the UX maturity of the organizations and products they work with. This article, the second […]
Read more »
How To Boost Media Performance On A Budget
| Leave a CommentAbout The Author Akshay Ranganath is a Solution Architect at Cloudinary responsible for bringing customers on-board, helping them create work-flow for media management and media … More about Akshay ↬ How do we get media performance right while staying within performance budgets? Let’s take a look at the recent stats and data around performance budgets, […]
Read more »
Reactivity In Vue
| Leave a CommentAbout The Author Front-end developer based in Lagos, Nigeria. He enjoys converting designs into code and building things for the web. More about Timi ↬ Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration. […]
Read more »
A Deep Dive Into Eleventy Static Site Generator
| Leave a CommentAbout The Author Stephanie Eckles is a front-end focused SWE at Microsoft. She’s also the author of ModernCSS.dev which provides modern solutions to old CSS problems as in-depth … More about Stephanie ↬ Eleventy (aka 11ty) is rising in the ranks among static site generators. This Node-based builder is attractive due to its zero-config starting […]
Read more »
Going Headless: Use Cases And What It’s Good For
| Leave a CommentAbout The Author Aaron Hans makes web applications fast and accessible for all users. Leading the team responsible for the State of California’s public pandemic response … More about Aaron ↬ One of the drivers of the popularity of headless options is that expectations for the quality of user experience are constantly going up. We […]
Read more »
A Complete Guide To Accessible Front-End Components
| Leave a CommentIn a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS Auditing Tools and CSS Generators, and this time we look into reliable accessible components: from tabs and tables to toggles and tooltips. Table of Contents Below you’ll find an alphabetical list […]
Read more »
Gone Floating Labels And Green Lighthouse Scores
| Leave a CommentWondering what’s happenin’ at Smashing? Well, we’ve been busy. Here’s a little story of how we removed floating labels, improved performance on mobile, and launched a new series of articles. Oh, and how you can contribute to Smashing, too. There is always something happening behind the scenes at Smashing. Over the last months, we’ve been […]
Read more »
How To Get Web Design Clients Fast (Part 1)
| Leave a CommentAbout The Author Stephen Roe writes about web design at Sitejet. When he isn’t plotting world domination with his clients, he’s studying the intersection of culture, … More about Stephen ↬ The secret to growing a successful web design business is thinking of design as a service, not a product. When you focus on recurring […]
Read more »
What’s New In Flutter 2?
| Leave a CommentAbout The Author Carmine Zaccagnino is a Flutter and Linux enthusiast, author of the Programming Flutter book with the Pragmatic Bookshelf. Blogs more, tweets less. More about Carmine ↬ Flutter has been transitioning from a cross-platform mobile development SDK for Android/iOS into a tool that allows you to run the same code natively in a […]
Read more »
Good, Better, Best: Untangling The Complex World Of Accessible Patterns
| Leave a CommentAbout The Author Carie Fisher is a digital accessibility developer and trainer who is passionate about inclusive front-end code and promoting diversity in tech. More about Carie ↬ How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? […]
Read more »
CSS Generators
| Leave a CommentAbout The Author Juggling between three languages on a daily basis, Iris is known for her love of linguistics, arts, web design and typography, as well as her goldmine of … More about Iris ↬ In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. […]
Read more »
Growing UX Maturity: Finding A UX Champion And Demonstrating ROI (Part 1)
| Leave a CommentAbout The Author Victor is a Philadelphia based researcher, author, and speaker. His book Design for the Mind, is available from Manning Publications. Victor frequently writes … More about Victor ↬ We all benefit when we work to increase the overall UX maturity of our organizations. This article explores the concept of UX maturity, and […]
Read more »
CSS Auditing Tools
| Leave a CommentAbout The Author Juggling between three languages on a daily basis, Iris is known for her love of linguistics, arts, web design and typography, as well as her goldmine of … More about Iris ↬ In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers […]
Read more »
The Guide To Ethical Scraping Of Dynamic Websites With Node.js And Puppeteer
| Leave a CommentFor a lot of web scraping tasks, an HTTP client is enough to extract a page’s data. However, when it comes to dynamic websites, a headless browser sometimes becomes indispensable. In this tutorial, we will build a web scraper that can scrape dynamic websites based on Node.js and Puppeteer. Let’s start with a little section […]
Read more »
New Live Workshops On Front-End & UX
| Leave a CommentMeet our new workshops on front-end and UX — on web performance, interface design, psychology and modern CSS. With Lea Verou, Harry Roberts, Stephanie Eckles, Dan Mall and so many others. Jump to all online workshops ↬ There is something magical about people from all over the world coming together, live. Camera on, mic nearby, in […]
Read more »
Modeling A GraphQL API For Your Blog Using Webiny Serverless CMS
| Leave a CommentAbout The Author Nwani Victory works remotely as a Fullstack developer from Lagos, Nigeria. After office hours, he doubles as a Cloud Engineer seeking ways to make Cloud … More about Nwani ↬ In the world of serverless applications, Webiny is becoming a popular way to adopt the serverless approach of building applications by providing […]
Read more »
Obscure Mobile Design Techniques That Boost UX
| Leave a CommentAbout The Author Gert Svaiko is a professional copywriter and mainly works with digital marketing companies in the US and EU. More about Gert ↬ To inspire mobile designers, let’s look at how some clever design solutions tackle mobile navigation, confirmation dialogs, animations, and gamifying the waiting experience. It’s no secret that smartphone usage has […]
Read more »
UI Design Testing Tools I Use All The Time
| Leave a CommentAbout The Author Paul is a leader in conversion rate optimisation and user experience design thinking. He has over 25 years experience working with clients such as Doctors … More about Paul ↬ Our lives as UI designers have never been easier with a host of amazing tools at our disposal. In this article, Paul […]
Read more »
Creating An Outside Focus And Click Handler React Component
| Leave a CommentAbout The Author Arihant Verma is a Software Engineer based in India. He likes to read open source code and help others understand it. He’s a rich text editors fanatic. His … More about Arihant ↬ In this article, we’ll look at how to create an outside focus and click handler with React. You’ll learn […]
Read more »
The State Of Mobile And Why Mobile Web Testing Matters
| Leave a CommentAbout The Author Kelvin is an independent software maker currently building Sailscasts — a platform to learn server-side JavaScript. He is also a technical writer and … More about Kelvin ↬ With mobile traffic accounting for over 50% of web traffic these days, leaving your mobile performance unoptimized isn’t really an option. In this article, […]
Read more »
State Of GDPR In 2021: Cookie Consent For Designers And Developers
| Leave a CommentAs digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy products from Etsy or Google information, no one has escaped the rules that were introduced in 2018. Last week, I gave you an update on everything that’s happened with GDPR […]
Read more »
Fresh Inspiration For March And A Smashing Winner (2021 Wallpapers Edition)
| Leave a CommentOur wallpapers post this month is a special one: There’s not only a new collection of wallpapers created by creative folks from across the globe waiting for you, but we’ll also award a smashing prize to the best design. More than ten years ago, we embarked on our monthly wallpapers adventure to provide you with […]
Read more »