Posted July 31st, 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.
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.
π» 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
π» 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
π¨ UtahJS Conference
Sandy, UT
The 2024 UtahJS Conference will be a 1-day conference on Friday, September 13
π§ 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
π₯ Promoted Links
Share with 2,500+ readers, book a classified ad.
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