๐Ÿš€ CSS Quick Wins โ€“ One-Liners to Improve (Almost) Every Project

adam

Adam Marsden

Posted on July 31, 2024

๐Ÿš€ 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

๐Ÿ’– ๐Ÿ’ช ๐Ÿ™… ๐Ÿšฉ
adam
Adam Marsden

Posted on July 31, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

ยฉ TheLazy.dev

About