← Back to Newsletters

🚀 CSS Quick Wins – One-Liners to Improve (Almost) Every Project

July 31, 2024

Hey 👋

I hope your week is off to a fantastic start! Have you stumbled upon any cool designs or coding tricks lately? If you've got something intriguing to share, hit reply to this newsletter. It might even get featured in an upcoming edition!

Here's a quick look at this weeks newsletter:

🚀 CSS Quick Wins - Enhance Every Project
📏 Styling Tables the Modern Way
🔍 No-JS Screen Sizing Tricks

Enjoy 🤗 - Adam at Unicorn Club.

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas

Let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.

Get started — it's free

💻 Dev

CSS One-Liners to Improve (Almost) Every Project

A collection of simple one-line CSS solutions to add little improvements to any web page.

Styling Tables the Modern CSS Way

Modern CSS makes styling HTML tables in a considered, responsive nature a breeze. Michelle Barker breaks it all down for you in this deep dive.

Get The Screen Width & Height Without JavaScript

Powered by @property & trigonometric functions. Unitless values so you can easily use them inside any formula. Updates on screen resize (No need for JavaScript)

20 Super Useful CSS Animation Libraries

A hand-picked collection of the best 20 CSS animations curated from various sources around the web.

CSS Scroll Snap Module Level 2

This module contains features to control panning and scrolling behavior with “snap positions”.

💭 Fun Fact

Origins of WCAG - Introduced by the W3C on May 5, 1999, WCAG 1.0 aimed to make the web accessible for all by setting standards to assist individuals with disabilities. This initiative recognised the essential role of the internet in providing equitable access to information.

🔘 Design + UX

Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size

WCAG provides guidance for making interactive elements more accessible by specifying minimum size requirements. In fact, the requirements are documented in two Success Criteria: 2.5.5 and 2.5.8.

Principles of Spacing in UI Design: A Beginner’s Guide to the 4-Point Spacing System

The 4-point spacing system is a simple and effective method for maintaining consistent spacing throughout your UI design. It uses multiples of 4 to define the spacing between elements, ensuring uniformity and alignment.

UX, UXD, CX, UI, IxD, DEXI: Understanding the Terms

It’s common to end up Googling and reading articles to understand exactly how UX differs from UI and CX, what a product ecosystem is, and what service design entails.

🗓️ Upcoming Events

Check out these events

🔘 Hatch Conference

Remote • Berlin

The event where experienced UX & Design Professionals in Europe meet to learn, get inspired and connect. 4-6 September

See event →

💻 Intersection

Turin, Italy

Where Design meets Development. This year, we’re reimagining the way professionals engage with technology, under the theme “Revolutionizing User Interfaces: The Dawn of Intuitive Digital Worlds“. 3-4 October

See event →

🟨 UtahJS Conference

Sandy, UT

The 2024 UtahJS Conference will be a 1-day conference on Friday, September 13

See event →

🧠 UX Y'all Conference

North Carolina

Our local conference encourages our community to share their knowledge and experience. Lightning talks, keynote talks, local speakers and workshops. September 19-20

See event →

🔥 Promoted Links

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

Discover Insanely Cool Tools

Explore unique tools from a retro 90s design system to a diet-tracking telegram bot, an amusingly named app, and an Apple notes website generator. Subscribe for free!