DEV Community

Cover image for πŸš€ CSS Quick Wins – One-Liners to Improve (Almost) Every Project
Adam Marsden
Adam Marsden

Posted on

πŸš€ CSS Quick Wins – One-Liners to Improve (Almost) Every Project

Hey πŸ‘‹

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.


πŸ“¬ Want More? Subscribe to Our Newsletter!

Get the latest edition delivered straight to your inbox every week. By subscribing, you'll:

  • Receive the newsletter earlier than everyone else.
  • Access exclusive content not available to non-subscribers.
  • Stay updated with the latest trends in design, coding, and innovation.

Don't miss out! Click the link below to subscribe and be part of our growing community of front-end developers and UX/UI designers.

πŸ”— Subscribe Now - It's Free!


Sponsored by Webflow

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!

Be a leader. Outperform the competition πŸš€

Join 30,000+ weekly readers at Google, Canva, Stripe, TikTok, Sequoia and more. Come learn with us!

What Current & Future Engineering Leaders Read.

Handpicked articles summarized into a 5‑minute read. Join 35,000 subscribers for one issue every Tuesday & Friday.

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)