DEV Community

Cover image for šŸ”Ø Quick Wins for Devs - 12 Powerful CSS One-Liners
Adam Marsden
Adam Marsden

Posted on

šŸ”Ø Quick Wins for Devs - 12 Powerful CSS One-Liners

Hey everyone āœŒļø Here's a quick look at this week's newsletter:

šŸŒŸ Five Roles Shaping the Future of Design

šŸ“ Utopian SCSS - Crafting Perfect Type & Space Scales

āœļø Scroll Magic - Line Drawing Effects

Enjoy this week's edition šŸ‘‹ - Adam at Unicorn Club.

Sponsored by 20iĀ®

20iĀ® Managed Cloud Hosting

Easily build, deploy & manage all your sites across lightning-fast, multi-platform Managed Cloud Hosting. Perfect for designers, agencies, ecommerce & side-hustlers.

Deploy from only $10.99/mo

šŸ§‘ā€šŸ’» Dev

Utopia SCSS library

Generate Utopian type & space scales directly in SCSS.

Draw on Scroll

How to create a line drawing effect on scroll using SVG clip-path.

My take on fading content using transparent gradients in CSS

The effect looks great but it has two downsides: The text behind the gradient is no longer selectable. The effect only works on solid background colors.

12 Modern CSS One-Line Upgrades

Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.

šŸŽØ Design

Five Future Roles for Designers

AI will change things in unimaginable ways. And Iā€™m not talking about AGI, which still feels like something of a chimera.

HermanMiller - Identity guidelines

Solutions that stand the test of time always start and end with people. This cornerstone of human-centered design has guided us for a century.

šŸ”„ Promoted Links

Share with 2,000+ readers, book a classified ad.

Get Smarter About AI and Tech in 5 mins.

Receive a daily summary of the most important AI and Tech news, carefully selected from 60+ media outlets.

Join a community of developers, testers, and hackers

Upskill your API hacking tradecraft, and get exclusive access to API hacking articles and Weekly pro tips and snippets.

Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

šŸš€ Forward to a friend

šŸ“Ø Recommend friends to subscribe

šŸ“¢ Sponsor or book a classified ad

ā˜•ļø Buy me a coffee

Thanks for reading ā¤ļø

@AdamMarsdenUK from Unicorn Club

Top comments (0)