~frontendfocus | Bookmarks (281)
-
Layer Cake
Layer Cake: A Graphics Framework for Svelte — This library gives you a baseline for creating...
-
CSS text fragment selector (please)
CSS Text Fragment Selector (Please) — What could syntax for a CSS selector to jump to...
-
DevTools Tips & Tricks
Some DevTools Tips and Tricks — Most devs barely scratch the surface of what DevTools can...
-
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...
-
Anchor position tool
Anchor Position Tool — CSS anchor positioning is on the way, and one rather neat layout...
-
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...
-
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...
-
Understanding Interaction to Next Paint (INP)
Understanding Interaction to Next Paint (INP) — INP provides a much better representation of real-world performance...
-
Asking users for their pronouns: A guide for UX designers
Asking Users for Their Pronouns: A Guide for UX Designers — “Designing a pronoun selector isn’t...
-
Introducing Jpegli: A New JPEG Coding Library
Introducing Jpegli: A New JPEG Coding Library — It claims to compress images 35% more than...
-
GitHub - firecmsco/neat: Neat allows you to build awesome gradients for your website, using 3d shaders
Neat: Create 3D Animated Gradients Powered by Three.js — After you install the package, you can...
-
Penpot 2.0 release is out now! CSS Grid Layout, Components and a new UI
Penpot 2.0 Release Is Out Now — Version 2.0 of this open-source design tool (for both...
-
Folding the DOM
Folding the DOM — No, you can’t fold a DOM node in two, but Josh runs...