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 134
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 137
Insiders

Sign Up for our Newsletter

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

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 141
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 143
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 124
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
article thumbnail

A Guide To Attracting Clients To Your Agency

Smashing Magazine

It is not that most web design agencies are ignorant of other marketing approaches or that any of them are inherently bad. On the contrary, in the second part of his two-part series on getting web design clients , Stephen Roe breaks down the opportunities of these approaches. However, in practice, the results can be underwhelming.