~frontendfocus | Bookmarks (249)
-
Theme Toggles
Theme Toggles: A Small Set of Unique, Animated Dark Mode Toggles — They’re all built with SVG,...
-
Scrollend, a new JavaScript event - Chrome Developers
scrollend: A New JavaScript Event — Finally an event you won’t need a hotel booking for....
-
Accessible hamburger buttons without JavaScript - Pausly blog
Accessible Hamburger Buttons Without JavaScript — Sometimes you need to consider if modern techniques allow you...
-
Creating A High-Contrast Design System With CSS Custom Properties — Smashing Magazine
Creating a High-Contrast Design System with CSS Custom Properties — Managing our colors can truly help people...
-
Greater styling control over type with `initial-letter` - Stephanie Stimac's Blog
Greater Styling Control Over Type with initial-letter — An overview of the new CSS property initial-letter...
-
Your Web Performance is Too Reactive; It’s Time to Do More Than Put Out Fires - Calibre
Your Web Performance is Too Reactive; It’s Time to Do More Than Put Out Fires -...
-
Why We Switched CDNs: How Google's Core Web Vitals Led Us to Cloudflare Pages - Electric UI
Why We Switched CDNs: How Google's Core Web Vitals Led Us to Cloudflare Pages — In...
-
Sailboat UI - Modern UI component library for Tailwind CSS
Sailboat UI: A Modern UI Component Library for Tailwind CSS — Includes a common set of...
-
UpgradeJS :: The Productized JS Upgrade Service by OmbuLabs
Need an Extra Pair of Hands on Your React Project? Contact Us 🚀
-
GradienMood - Generate a gradient from a mood
GradienMood: Generate a Gradient from a Mood — This is different! Type a word or prompt...
-
CSS color-mix() - Chrome Developers
CSS color-mix() — Browser support is lacking right now, but the CSS color-mix() function is set...
-
Debating React, Fonts, and Fatherhood with Josh Collinsworth
▶ React Isn’t Great at Anything Except Being Popular — You may have seen the controversial blog...
-
Easy SVG Customization And Animation: A Practical Guide — Smashing Magazine
Easy SVG Customization and Animation: A Practical Guide — Adrian Bece notes that devs may often...
-
Building an accessible theme picker with HTML, CSS and JavaScript. by Sarah L. Fossheim
Building an Accessible Theme Picker — This is an attractively presented and easy to follow tutorial...
-
Three attributes for better web forms
Three Attributes for Better Web Forms — They’re inputmode, enterkeyhint, and autocomplete.
-
Creating an Interactive Whiteboard with Amazon IVS Chat
Creating an Interactive Whiteboard with Amazon IVS Chat — Live streaming is mostly known for entertainment...
-
Optimize Time to First Byte
Optimizing the Time to First Byte — A sound look at how to optimize for the...
-
OK, OKLCH 👑 - Chris Coyier
OK, OKLCH 👑 — Is OKLCH worthy of being crowned the winner of technological choices when...
-
International domain names: where does https://meßagefactory.ca lead you?
International Domain Names: Where Does meßagefactory.ca Lead You? — The result depends on your browser.
-
-
Home - Documentation
Shifty: A Small, Fast Tweening Engine — All it does is tweening. It’s a low level...
-
barba.js
Barba.js: For Smooth Visual Transitions Between Pages — You certainly can’t say the project’s homepage doesn’t...
-
Improved Web Component for Pixel-Accurate Atkinson Dithered Images
Improved Web Component for Pixel-Accurate Atkinson Dithered Images — You may remember at the end of...
-
Astro 2.0 | Astro
Astro 2.0 — Version 2.0 of this popular web framework is out now and includes hybrid...