CSS Responsive Multi-Line Ribbon Shapes (Part 1)

Ribbons have been used to accent designs for many years now. But, the way we approach them in CSS has evolved with the introduction of newer features. In this article, Temani Afif combines background and gradient tricks to create ribbon shapes in CSS that are not only responsive but support multi-line text and are easily adjustable with a few CSS variables. https://smashingmagazine.com/2023/11/css-responsive-multi-line-ribbon-shapes-part1/

Vytvořeno 2y | 15. 11. 2023 14:30:33


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

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

The Psychology Of Color In UX Design And Digital Products

Rodolpho Henrique guides you through the essential aspects of color in digital design and user experience, from the practical steps of creating effective and scalable color palettes to the critical ac

15. 8. 2025 21:50:06 | Smashing magazine
From Line To Layout: How Past Experiences Shape Your Design Career

Your past shapes who you are as a designer, no matter where your career began or how unexpected your career path may have been. Stephanie Campbell shows how those lessons can sharpen your instincts, s

13. 8. 2025 14:20:04 | Smashing magazine
Designing With AI, Not Around It: Practical Advanced Techniques For Product Design Use Cases

Prompting isn’t just about writing better instructions, but about designing better thinking. Ilia Kanazin and Marina Chernyshova explore how advanced prompting can empower different product & design u

11. 8. 2025 15:50:06 | Smashing magazine
The Power Of The <code>Intl</code> API: A Definitive Guide To Browser-Native Internationalization

Internationalization isn’t just translation. It’s about formatting dates, pluralizing words, sorting names, and more, all according to specific locales. Instead of relying on heavy third-party librari

8. 8. 2025 13:50:02 | Smashing magazine
Automating Design Systems: Tips And Resources For Getting Started

Design systems are more than style guides: they’re made up of workflows, tokens, components, and documentation — all the stuff teams rely on to build consistent products. As projects grow, keepi

6. 8. 2025 13:10:08 | Smashing magazine
UX Job Interview Helpers

Talking points. Smart questions. A compelling story. This guide helps you prepare for your UX job interview. And remember: no act of kindness, however small, is ever wasted. https://smashingmagazine.c

5. 8. 2025 16:20:05 | Smashing magazine
Stories Of August (2025 Wallpapers Edition)

Do you need a little inspiration boost? Well, then our new batch of desktop wallpapers might be for you. The wallpapers are designed with love by the community for the community and can be downloaded

31. 7. 2025 13:20:08 | Smashing magazine