~frontendfocus | Bookmarks (15)
-
Accessible Forms with Pseudo Classes | CSS-Tricks
Accessible Forms with Pseudo Classes — How to create a simple contact form using semantic HTML...
-
Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript — Smashing Magazine
Setting and Persisting Color Scheme Preferences with CSS and a “Touch” of JavaScript — Done via a combo...
-
concrete.css
concrete.css: A Simple Classless CSS Stylesheet — Works like an opinionated extension for Normalize.css and includes...
-
css2wind | A minigame for learning Tailwind CSS
css2wind: A Minigame for Learning Tailwind CSS — Test your Tailwind CSS know-how with this quick...
-
Modern CSS Tooltips And Speech Bubbles (Part 1) — Smashing Magazine
Modern CSS Tooltips and Speech Bubbles — Everyone knows what tooltips are, but despite their ubiquity,...
-
CSS :has() Interactive Guide
An Interactive Guide to CSS :has() — A superb, extensive guide to everything that you practically...
-
CSS { In Real Life } | How I Solved My Font Rendering Problem
How I Solved My Font Rendering Problem — A quick fix for a variable font rendering...
-
CSSformalize - The Fast-Track to Stylish Forms!
CSSformalize: A CSS Framework for Effortless Customization of Native HTML Forms — Offers an interactive UI...
-
Getting into web components - an intro | utilitybend
Getting Into Web Components: An Intro — 2024 looks like it might be a big one...
-
CSS Blurry Shimmer Effect — Smashing Magazine
CSS Blurry Shimmer Effect — Yair shares a step-by-step explanation of how this curious blurry shadow...
-
The Complex But Awesome CSS border-image Property — Smashing Magazine
The Complex and Awesome border-image Property — If you’ve never reached for the powerful border-image property, Temani...
-
New CSS Viewport Units Do Not Solve The Classic Scrollbar Problem — Smashing Magazine
New CSS Viewport Units Don't Solve the Classic Scrollbar Problem — On the problem with 100vw, how...
-
Using date-based CSS to make old web pages *look* old
Using Date-Based CSS to Make Old Web Pages Look Old — Explores a way to access...
-
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study — Smashing Magazine
CSS Scroll Snapping Aligned with Global Page Layout: A Full-Width Slider Case Study — Have you...
-
Care beyond code: 7 best design practices for frontend developers—Martian Chronicles, Evil Martians’ team blog
Taking Care Beyond Code: 7 Best Design Practices for Frontend Developers — When a frontend engineer...