Next Online WorkshopsBoost your skills live, with our front-end & UX workshops.
Soon: Smart Interface Design Patterns with Vitaly Friedman and Building a Design System with Andy Bell.
Jump to all workshops ↬ 2.5h live sessions, with video recordings and Q&A.
Latest Posts
What A Time To Be Smashing!
With so much going on, it’s nice to have an overview of what’s new at Smashing — all in one place. Read on to find out what’s been keeping the team busy alongside some inspiring community resources that have made it to the top list of our newsletters!
A Thoughtful Way To Use React’s useRef() Hook
In a React component, useState and useReducer can cause your component to re-render each time there is a call to the update functions. In this article, you will find out how to use the useRef() hook to keep track of variables without causing re-renders, and how to enforce the re-rendering of React Components.
Making Sense Of TypeScript, In 50 Lessons
Meet our new practical guide on everything you need to know about TypeScript, its type system, and all its benefits in 50 lessons. Jump to table of contents and get the book right away.
Join 1,699 Smashing Members
A friendly community for people who design and build the web. With books, workshops, goodies and early-birds — for just 1 coffee a month. Take a look around.
Join the community ↬ Already have an account? Sign in!
Smashing Podcast Episode 29 With Leslie Cohn-Wein: How Does Netlify Dogfood The Jamstack?
We’re asking what it looks like to dogfood the Jamstack at Netlify. Can you deploy an entire app to a CDN? Drew McLellan talks to Netlify Staff Engineer Leslie Cohn-Wein to find out.
Creating A Continuous Integration Test Workflow Using GitHub Actions
With the help of this tutorial, you can learn how to create a continuous integration workflow for your Node JS REST API by using GitHub Actions as well as how to report test coverage with Coveralls.
What’s New In Vue 3?
In this article, we’re going to take a look at some of these new features and how to get started with them. We’re also going be taking a look at some of the changes done to the existing features.
From The Experts: Global Digital Accessibility Developments During COVID-19
In this article, Robin Christopherson talks with experts about COVID, the challenges and opportunities the crisis brings, agile adjustments, digital inclusion, and much more.
Authenticating React Apps With Auth0
In this article, Nefe explains how to authenticate React apps using Auth0. You’ll also see how you can set up Social Logins in your apps.
Best Practices For E-Commerce UI Design
In this article, we look at three key parts of a digital store and what you can do to design each to help customers more quickly and effortlessly get to the checkout stage.
Meet “Click!”: Encourage Clicks
Without Shady Tricks
Our new book on how to boost business KPIs, build trust and address doubts effectively — without alienating people along the way. By Paul Boag.
Jump to table of contents →
Our Guides
A Smashing Guide to JavaScript & Frameworks
React, Vue, or perhaps the lightweight Alpine.js? Whether you are an experienced JavaScript developer working with one of these frameworks, or just starting to learn, our authors have created some tutorials for you.
Explore JavaScript & FrameworksA Smashing Guide to CSS Layout
CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.
Explore CSS LayoutA Smashing Guide to Web Performance
Ensuring your site loads quickly is important. The subject touches almost every part of web design and development, from your choice of images to the performance of your web server. In this guide we bring together information that can help you build a fast site, and keep it fast.
Explore Performance
Email Newsletter
Every Tuesday, we send an email newsletter with useful techniques on front-end & UX. Subscribe and get a freebie: Smart Interface Design Checklists PDF — right in your inbox. 🔮
Front-end, UX and design. 1× a week.
You can always unsubscribe with just 1 click.
You can always unsubscribe with just 1 click.
Design Systems
Meet Design Systems, a recent Smashing book in which Alla Kholmatova explores how to set up an effective design system to create great digital products. With common traps, gotchas and lessons learned.
Community Links
Person Of The Week
Elliot Jay Stocks’ 15-year career as a designer and design leader started in the early days of web design, before expanding to web, app, print, and branding projects for clients such as Microsoft, Virgin, InVision, and MailChimp. He was previously the co-founder of the lifestyle magazine Lagom and is known in typographic circles thanks to his time as Creative Director of Adobe Typekit. Elliot shares his knowledge in workshops and as a speaker at design and tech conferences around the world. Thank you for everything you do for the community, dear Elliot!
