Best Practices For E-Commerce UI Design — Smashing Magazine

The goal of e-commerce design is to create interfaces that won’t get in the way of the overall shopping experience. In this post, Suzanne Scacca is going to look at three key parts of a digital store and show you what you can do to design each to help customers more quickly and effortlessly get […]

A Complete Guide To Accessible Front-End Components — Smashing Magazine

In 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. We sincerely hope that these tools and techniques will

A Complete Guide To HTML Email — Smashing Magazine

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into templates and tools for building and designing HTML emails. Don’t miss the next one. Table Of Contents Below you’ll

Simpler Is Better — Smashing Magazine

They are everywhere. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. Perhaps it’s a disabled submit button that never communicates what’s actually wrong, or tooltips that — once opened — cover the input field just when you need to correct a mistake. In this new series

Useful VS Code Extensions For Front-End Developers — Smashing Magazine

Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. Recently, we’ve also covered CSS auditing tools, CSS generators and accessible front-end components — you might find them useful, too. In this post, we look into useful VS Code extensions for front-end development,

Useful Front-End Boilerplates And Starter Kits — Smashing Magazine

We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components and VS code extensions — you might find them useful, too.  This collection is

Best Practices and Guidelines — Smashing Magazine

Too often the filtering experience on the web is broken and frustrating, making it just unnecessarily difficult for customers to get to that shiny comfortable range of relevant results. When designing the next filter, take a look at some of the common issues that you might want to avoid, and hopefully avoid all the frustration that comes

Designing Better Links For The Web — Smashing Magazine

There are so many websites out there that have not considered the overall usability of their visually impaired users. When it comes to designing better links and sending better emails, Slava Shestopalov has a few tips on how to improve your website’s experience while accessibility in mind. Why are “click here” and “by this link”

Designing Web Design Documentation — Smashing Magazine

Words alone aren’t enough to safeguard best practices in the world of web design and development. Web design documentation must be like its medium — interactive and constantly evolving. As an occasionally competent software developer, I love good documentation. It explains not only how things work but why they work the way they do. At

Scroll to Top