Remove Best Practices Remove Design Remove Workshop
article thumbnail

Adding A Dyslexia-Friendly Mode To A Website

Smashing Magazine

Existing best practices and guidance, such as the Web Content Accessibility Guidelines (WCAG), give us a solid foundation for inclusive design and already incorporate many details that affect dyslexic readers. In this article, we’ll look at ways to make an existing design dyslexia-friendly. Jump to online workshops ?.

Website 140
article thumbnail

Good Vibes In August (2021 Desktop Wallpapers Edition)

Smashing Magazine

To cater for new and unique artworks on a regular basis, we started our monthly wallpapers challenge more than ten years ago, and from the very beginning to today, artists and designers from all across the world have accepted the challenge and submitted their designs to it. Designed by Ricardo Gimenes from Sweden. Join in! ?.

Design 145
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

article thumbnail

Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce

Smashing Magazine

Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. (vf, From complex mega-dropdowns and tables to web forms, carousels and filters. Online, and live.

Cache 139
article thumbnail

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Smashing Magazine

Traps in this area can be caused by following best practices that are not suitable for tests. This can occur for various reasons, but it usually happens when you try to take an easy, seemingly convenient shortcut, disregarding testing best practices. Any test, no matter the type, should be designed plain and simple.

Testing 137
article thumbnail

Three Insights I Gained While Researching Vue.js Accessibility

Smashing Magazine

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns.

Strategy 143
article thumbnail

Global vs. Local Styling In Next.js

Smashing Magazine

There are a couple of questions we have to consider when organizing style within Next.js: How can we fit within the conventions/best practices of the framework? To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Design Tokens. Jump to the workshop ?. Global styles.

Website 144
article thumbnail

Useful Figma Plugins And Tools

Smashing Magazine

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents. accessibility.

Google 145