~frontendfocus | Bookmarks (283)
-
Help us invent CSS Grid Level 3, aka “Masonry” layout
Help Invent CSS Grid Level 3, Aka “Masonry” Layout — Masonry style layouts (above) see content laid out like...
-
HTML attributes vs DOM properties
HTML Attributes vs. DOM Properties — They’re completely different, but often coupled. Jake outlines the the...
-
Don’t use the maxlength attribute to stop users from exceeding the limit
Don’t Use the maxlength Attribute to Stop Users From Exceeding the Limit — “the maxlength attribute...
-
F-Shape Pattern And How Users Read — Smashing Magazine
The F-Shape Pattern and How Users Read — When users consume your content they will be...
-
Long Alt
Long Alt — Keep your image alternative text brief, devoid of special characters, empty of URLs,...
-
The Ultimate CSS Shapes Collection
The Ultimate CSS Shapes Collection — Single-element implementation. Lots to choose from, including some rather novel...
-
CSS in React Server Components
CSS in React Server Components — An exploration of compatibility issues between React Server Components and...
-
Gap is the new Margin
Gap is the New Margin — Chris highlights how the use of the margin property is...
-
What if you had real control over Light Mode / Dark Mode on a per-site basis?
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis?...
-
Displaying HTML web components
Displaying HTML Web Components — A brief look at using display: contents to work around the...
-
Things That Can Break aspect-ratio in CSS
Things That Can Break aspect-ratio in CSS — Three things that may break, or cause unexpected...
-
CSS text fragment selector (please)
CSS Text Fragment Selector (Please) — What could syntax for a CSS selector to jump to...
-
Anchor position tool
Anchor Position Tool — CSS anchor positioning is on the way, and one rather neat layout...
-
My favourite animation trick: exponential smoothing
My Favorite Animation Trick: Exponential Smoothing — Something as small as tweaking the acceleration curve of...
-
Naming things needn’t be hard
Classnames: Find Inspiration for Naming HTML Classes, CSS Properties, or JS Functions — This little resource...
-
SVG Encoder
SVG Encoder: A Simple Tool to Convert SVG Into Different Formats, Ready for Use in CSS...
-
275 CSS Gradients Collection - CSS Pro
CSS Gradients: A Gallery of 275 'Click-to-Copy' CSS Gradients — Includes quite a few unique examples...
-
Layer Cake
Layer Cake: A Graphics Framework for Svelte — This library gives you a baseline for creating...
-
DevTools Tips & Tricks
Some DevTools Tips and Tricks — Most devs barely scratch the surface of what DevTools can...
-
iOS404
iOS404 — An overview of all of the missing web features in iOS. There’s over 60,...
-
Modern CSS patterns in Campfire
Modern CSS Patterns in Campfire — Advancements in CSS, such as :has(), oklch(), and others allow...
-
Optimizing WebKit & Safari for Speedometer 3.0
Optimizing WebKit & Safari for Speedometer 3.0 — Speedometer 3.0 was introduced back in March, and...
-
New in Chrome 124: setHTMLUnsafe, streams in WebSockets, and more
▶ New in Chrome 124: setHTMLUnsafe, Streams in WebSockets, & More — Plus here's a run down...
-
A Crawl-Walk-Run Approach to Interactive Developer Documentation
🗓️ Building Interactive Docs with the WebContainer API and StackBlitz SDK — Join StackBlitz's live stream later...