Suzanne Scacca wrote
Don’t Miss These Latest
Articles
Adebiyi Adedotun wrote
Getting Started With Next.js Meow!
Vitaly Friedman wrote
Smashing Giveaway: Join Smashing Newsletter and Win Smashing Prizes Meow!
Abel Hancock wrote
Speed Up Your Workflow With Figma Plugins Meow!
Latest Posts
Smashing Podcast Episode 27 With Stefan Baumgartner: What Is TypeScript?
We’re talking about TypeScript. What is it, and how can it help us write better JavaScript? Drew McLellan talks to expert Stefan Baumgartner to find out.
Handling Continuous Integration And Delivery With GitHub Actions
In this article, Aleem Isiaka explains how you can deploy a basic NodeJS application to Heroku, automate and schedule a deployment to run at certain intervals of the day, and use other actions from the Github Actions community.
Supercharge Testing React Applications With Wallaby.js
Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to Wallaby.js — a JavaScript productivity tool that supercharges your IDE by allowing you to get real-time …
1,699 smashing members
A friendly community that keeps this website alive. With books, webinars, discounts and networking — for just 1 coffee a month. Join the family.
Explore features → Already have an account? Sign in!Managing Long-Running Tasks In A React App With Web Workers
In this tutorial, we’re going to learn how to use the Web Worker API to manage time-consuming and UI-blocking tasks in a JavaScript app by building a sample web app that leverages Web Workers.
Build And Deploy An Angular Form With Netlify Forms And Edge
Netlify Forms is a form handling feature that receives submissions from HTML forms automatically. In this article, we’ll cover how to use it with Angular reactive forms and how to deploy the finished app on Netlify’s hosting platform, Netlify Edge.
Design Shopping: Get A Faster Client Buy-In Through A Guided Design Showcase
How can you convince your clients to make a faster (and easier) buy-in? With the help of a guided design exercise, Kelly Schummer explains how the Design Shopping workflow can help guide you throughout the design phases.
React Form Validation With Formik And Yup
Forms are an integral part of how users interact with our websites and web applications. Validating the data the user passes through the form is a critical aspect of our jobs as web developers. However, it doesn’t have to be a pain-staking process. …
New on Smashing TV
A channel where seasoned developers show how they design, build, work and play.
See all upcoming episodes → Already have an account? Sign in!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 →
Community Links
Person Of The Week
Ben Hong (@bencodezen) is a developer, psychologist, and educator who is passionate about creating products that help to empower people with new skills and knowledge. He is a Vue.js Core Team member, a Google Developer Expert in Web Technologies & Map Platforms, a Mozilla Tech Speaker, and he recently started as a Developer Experience Engineer at Netlify. Ben shares his knowledge about Vue as one of the lead instructors at Vue Mastery and keeps developers up-to-date on what’s happening in the Vue and tech communities as a co-host of the weekly Enjoy the Vue podcast. Thank you for everything you do for the community, dear Ben!
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.
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.