~frontendfocus | Bookmarks (283)
-
An Interactive Guide to CSS Container Queries
An Interactive Guide to CSS Container Queries — This is a detailed explainer on CSS container...
-
Introducing Babylon.js 7.0
Introducing Babylon.js 7.0 — This new version of the popular 3D web rendering engine is now...
-
A Web Designer’s Accessibility Advocacy Toolkit — Smashing Magazine
A Web Designer’s Accessibility Advocacy Toolkit — A collection of strategies and selling points to help...
-
Infinite-Scrolling Logos In Flat HTML And Pure CSS — Smashing Magazine
Infinite-Scrolling Logos in Flat HTML and Pure CSS — Remember the long-deprecated HTML <marquee> element? If...
-
In-app browsers still a privacy, security, and choice issue
'In-App Browsers are Still a Privacy, Security, and Choice Problem' — The Open Web Advocacy (OWA)...
-
Web Component Engineering
Learn Modern UI Engineering with Web Components and Web Standards — 13 modules, 170+ videos, and...
-
Cally: small, feature-rich calendar components
Cally: Small, Feature-Rich Calendar Components — A collection of open-source calendar components for selecting single dates...
-
https://atlassian.design/components/pragmatic-drag-and-drop/about
Atlassian's Pragmatic Drag and Drop Framework — A performance-focused drag and drop library that can be...
-
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
-
GitHub - github/relative-time-element: Web component extensions to the standard <time> element.
<relative-time> 4.4: Format Timestamps as a Localized Relative Time — Supply this web component with a...
-
StackBlitz | Design | Instant Dev Environments | Click. Code. Done.
Get More Out of Your Design Systems with StackBlitz — Design systems makes development more efficient...
-
Font Usage Analyzer
Web Font Analyzer: A Tool to Help Identify Font Subsetting Opportunities — There’s a full write-up...
-
What You Need to Know about Modern CSS (Spring 2024 Edition)
What You Need to Know About Modern CSS — A bookmarkable guide with a list of...
-
F.C. Variable - Rob en Robin
F.C. Variable — What if we applied the same principles behind variable fonts to illustrations? Well,...
-
concrete.css
concrete.css: A Simple Classless CSS Stylesheet — Works like an opinionated extension for Normalize.css and includes...
-
Node.js — Diving into the Node.js Website Redesign
Diving into the Node.js Website Redesign — The long running JavaScript runtime has an all new...
-
On popover accessibility: what the browser does and doesn’t do
On Popover Accessibility: What the Browser Does & Doesn’t Do — This should go some way...
-
Accessible Forms with Pseudo Classes | CSS-Tricks
Accessible Forms with Pseudo Classes — How to create a simple contact form using semantic HTML...
-
Spicing up text with text-emphasis in CSS
Spicing Up Text with text-emphasis in CSS — There’s plenty of neat ways to style text...
-
Keyboard focusable scrollers | Blog | Chrome for Developers
Keyboard Focusable Scrollers — A change is rolling out (from Chrome 124) to make scrollers without...
-
How to take control of Flexbox
▶ How to Take Control of Flexbox — Demystifying some of the trickier bits of Flexbox and...
-
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...
-
Maizzle - Quickly build HTML emails with Tailwind CSS
📧 Maizzle: Quickly Build HTML Emails with Tailwind and Email-Specific Post-Processing — Includes a CLI tool that...