Smart CSS Solutions For Common UI Challenges

Writing CSS has probably never been more fun and exciting than it is today. In this post we’ll take a look at common problems and use cases we all have to face in our work and how to solve them with modern CSS. If you’re interested, we’ve also just recently covered CSS auditing tools, CSS generators, front-end boilerplates and VS code extensions — you might find them useful, too. https://smashingmagazine.com/2021/10/modern-css-solutions-for-common-problems/

Vytvořeno 4y | 14. 10. 2021 13:20:20


Chcete-li přidat komentář, přihlaste se

Ostatní příspěvky v této skupině

Decoding The SVG <code>path</code> Element: Curve And Arc Commands

On her quest to teach you how to code vectors by hand, Myriam Frisano’s second installment of a path deep dive explores the most complex aspects of SVG’s most powerful element. She’ll help you under

23. 6. 2025 12:10:03 | Smashing magazine
CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control

CSS can be unpredictable — and specificity is often the culprit. Victor Ayomipo breaks down how and why your styles might not behave as expected, and why understanding specificity is better than relyi

19. 6. 2025 15:20:07 | Smashing magazine
Meet Accessible UX Research, A Brand-New Smashing Book

Meet “Accessible UX Research,” our upcoming book to make your UX research inclusive. Learn how to recruit, plan, and design with disabled participants in mind. Print shipping in August 2025. e

18. 6. 2025 18:30:03 | Smashing magazine
What I Wish Someone Told Me When I Was Getting Into ARIA

Accessible Rich Internet Applications (ARIA) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning

16. 6. 2025 20:10:05 | Smashing magazine
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS

In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the `getBoundingClien

12. 6. 2025 0:10:06 | Smashing magazine
Decoding The SVG <code>path</code> Element: Line Commands

SVG is easy — until you meet path. However, it’s not as confusing as it initially looks. In this first installment of a pair of articles, Myriam Frisano aims to teach you the basics of <path> and

9. 6. 2025 14:10:16 | Smashing magazine
Collaboration: The Most Underrated UX Skill No One Talks About

We often spotlight wireframes, research, or tools like Figma, but none of that moves the needle if we can’t collaborate well. Great UX doesn’t happen in isolation. It takes conversations with engineer

5. 6. 2025 12:50:03 | Smashing magazine