Collective #709
Publikováno: 28.4.2022
CSS Toggles Explainer & Proposal * HyperUI * Web color is still broken * Progressively Enhanced Builds
The post Collective #709 appeared first on Codrops.

Inspirational Website of the Week: Exo Ape
Exo Ape’s website design is a class of its own: a super smooth scroll experience with lots of meaningful details and impeccable visuals. Our pick this week.

CSS Day conference, June 9–10, Amsterdam, The Netherlands
Also prefer fundamental CSS knowledge over hypes? Then join CSS Day, a deep-diving CSS conference in Amsterdam, NL. Our speakers treat CSS topics that the attendees can geek out on. On 9th & 10th of June, after a two-year silence, we’ll host our 8th edition.

CSS Toggles Explainer & Proposal
Explainer and proposal of CSS toggles by Miriam Suzanne and Tab Atkins Jr.

HyperUI
Free Tailwind CSS components that can be used in your next project. Perfect for Laravel, Rails, React, Vue and more.

SVG generative mountain ridge dividers
Learn about creating generative mountain ridge dividers using videogame terrain generation techniques, JavaScript and SVG. By Alistair Shepherd.

Childish Font Sizes
Tyler Sticka provides some reasons to go even larger than the 16 pixel font size for body copy.

Flexibly Centering an Element with Side-Aligned Content
Eric Meyer shows how to solve a specific layout problem using a modern CSS technique.

Progressive Enhancement and HTML Forms: use FormData
Learn how to use FormData to apply Progressive Enhancement on HTML forms. By Bramus Van Damme.

Insanely Useful Websites
Discover super useful websites you didn’t know existed.

Web color is still broken
A visual guide and some interesting insight into why web color is broken.

WebGL project
Michal Zalobny created a fantastic Three.js project based on a course by Luis Henrique Bizarro.

Earth Reviews
Help improve the earth simulation with these humorous reviews.

A Practical Guide to Centering in CSS
How do you center a div in CSS? This reference explains various methods to center elements using CSS, including techniques for Grid and Flexbox.

Slow Social
A social network built for friends, not influencers.

FortuneSheet
A drop-in JavaScript spreadsheet library that provides rich features like Excel and Google Sheets.

Progressively Enhanced Builds
Some thoughts on progressively enhanced builds Jim Nielsen.

One-line drawings
Zack Scholl shows how he created software to reconstruct one-line drawings.

Fleet (beta)
Fleet is the blazing fast build tool for Rust. Compiling with Fleet is up-to 5x faster than with cargo.

Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned.

UI Interactions & Animations Roundup #23 – Codrops
A fresh set of selected motion design shots for your inspiration.
The post Collective #709 appeared first on Codrops.