~frontendfocus | Bookmarks (283)
-
palettify - instant preview for your theme
Palettify: An Interactive Playground to Customize and Preview UI Themes — Currently supports MUI and shadcn-ui for...
-
A highly configurable switch component using modern CSS techniques - Piccalilli
A Configurable Switch using Modern CSS Techniques — Leaning on techniques such as :has(), container queries,...
-
Debugging Fetch Priority #DevToolsTips
▶ Debugging Fetch Priority — A quick talk about the Large Contentful Paint metric, and how to...
-
The Evolution Of Page Speed
▶ The Evolution of Page Speed — A ~20-minute look at what Page Speed is, how we...
-
The Coding Train
The Coding Train — Eric Meyer recently put this on my radar — it’s an ongoing,...
-
Please, don’t force me to log in
'Please, Don’t Force Me to Log In' — “The current accelerating trend of requiring accounts and...
-
The Web Accessibility Framework - Pope Tech Blog
The Web Accessibility Framework for Organizations — A resource explaining this new Web Accessibility Framework and...
-
unlazy
unlazy: A Universal Lazy Loading Library for Placeholder Images — It's framework-agnostic and intended to be...
-
GitHub - andrico1234/autosize-textarea
Autosize Textarea: A Web Component for Auto-Resizing textarea Elements — This is one way to do...
-
https://jmberesford.github.io/webgpu-kit/
WebGPU-Kit — This is a minimal webGPU toolkit bringing together a collection of libraries that “make...
-
Web Components in Earnest
Web Components in Earnest — A great walk through the journey behind building an app using...
-
Highlight Text When a User Scrolls Down to That Piece of Text
Highlight Text When a User Scrolls Down to That Piece of Text — Here’s how to...
-
CSS Blurry Shimmer Effect — Smashing Magazine
CSS Blurry Shimmer Effect — Yair shares a step-by-step explanation of how this curious blurry shadow...
-
Going beyond pixels and (r)ems in CSS - Relative length units based on font - iO tech_hub
Going Beyond Pixels and (r)ems in CSS - Relative Length Units Based on Font — Brecht...
-
Improving the developer experience of enterprise design systems
Improving Enterprise Design Systems — Live stream for design system builders and users: How can we...
-
Sentry Community & Events
[Guide] Debugging Your Next.js App With Sentry — Get all the basics to monitoring and debugging...
-
A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view() | Codrops
A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view() — Shows us how, with...
-
AI for Web Devs: Project Introduction & Setup
AI for Web Devs — Austin has just published the last post in this eight part...
-
Modern CSS, the state of the web, Safari's progress, and more! With Jen Simmons
▶ Modern CSS, The State of the Web, Safari's Progress, and More — Jen Simmons, of the WebKit...
-
Learn CSS :has() selector by examples: 5 top use cases
Learn the :has() Selector by Example — Five practical examples of how to use this selector....
-
Fading content using transparent gradient in CSS
Fading Content using Transparent Gradient in CSS — A nice effect, and one that’s easily realised.
-
GitHub - chrisguttandin/worker-timers: A replacement for setInterval() and setTimeout() which works in unfocused windows.
worker-timers: setInterval/setTimeout But for Unfocused Windows — When a tab loses focus, any timers used within...
-
CSS 3D Clouds
CSS 3D Clouds — This striking demo (from a decade ago) has been doing the rounds...
-
12 Modern CSS One-Line Upgrades | Modern CSS Solutions
12 Modern CSS One-Line Upgrades — Here’s a dozen CSS properties that are well worth knowing...