~frontendfocus | Bookmarks (283)
-
Better form UX with the CSS property `field-sizing` - Stephanie Stimac's Blog
Better Form UX with the field-sizing Property — A look at how the field-sizing CSS property...
-
Design better pagination
Design Better Pagination — Andrew shares some pagination UI best practices along with some considerations for...
-
Disable browser caching with meta HTML tags - Knowledge Base - Cristian Sulea
Disable Browser Caching with Meta HTML Tags — Worth knowing (or at least bookmarking).
-
GitHub - stefanjudis/sparkly-text: A small web component for making your text spark.
✨ sparkly-text: A Small Web Component for Making Text Sparkle — A cute effect that uses animated...
-
Design Systems Database: Surf among top‑notch Design Systems
Design Systems Database: A Database of Best-in-Class Design Systems, Organized and Sorted by Components and Directories...
-
SVG Filter Maker
SVG Filter Maker: A GUI To Interactively Build SVG Filters — Not to be confused with...
-
https://codepen.io/nicolasjesenberger/pen/mdomqGR
Wooden Toggles — I’m sharing this HTML and CSS CodePen demo just for the skeuomorphic memories...
-
Typeculator - An different type scale generator
Typeculator: A Different Approach to Generating Type Scales — Based on something called the “Golden Thread”...
-
Money Talks! Formatting Currency in Web Content - TPGi
Money Talks? Formatting Currency in Web Content — How do screen readers announce money amounts and...
-
I Hate CORS.
▶ 'I Hate CORS' — “Cross Origin Resource Sharing was, in many ways, a mistake. It has...
-
I Used Netscape Composer in 2024 | Pier-Luc Brault - Personal Website
'I Used Netscape Composer in 2024' — Just how far can you get using a WYSIWYG...
-
What PWA Can Do Today
What PWAs Can Do Today: A Showcase of What's Possible — We first shared this over...
-
Designing better target sizes
Designing Better Target Sizes — A thoughtfully designed, interactive guide that really zeroes in on how...
-
Heynote
Heynote: A Dedicated Scratchpad for Developers — A native, open-source app for Windows, Mac, and Linux,...
-
Penrose | Penrose
Penrose: Beautiful Diagrams by Just Writing Plain Text — A little bit like charting tool Mermaid...
-
GitHub - alexanderson1993/svg-icons-cli
SVG Icons CLI: A Command Line Tool for Creating SVG Sprite Sheets — This uses a React...
-
GitHub - pa11y/pa11y: Pa11y is your automated accessibility testing pal
Pa11y: An Automated Accessibility Testing Tool — Something you can add into your build process.
-
5 CSS snippets every front-end developer should know in 2024 | Articles | web.dev
5 CSS Snippets Every Frontend Developer Should Know in 2024 — Adam did this last year,...
-
Quickstarts
Auth for Every App — The best frontend developers deserve the best auth service. Add MFA,...
-
Top Front-End Tools Of 2023 — Smashing Magazine
Top Frontend Tools of 2023 — An excellent collection of popular, useful frontend tools for both...
-
Accessible notifications with ARIA Live Regions (Part 1)
Accessible Notifications with ARIA Live Regions — A detailed, two-part series offering an extensive guide to...
-
The Complex But Awesome CSS border-image Property — Smashing Magazine
The Complex and Awesome border-image Property — If you’ve never reached for the powerful border-image property, Temani...
-
How to use data-nosnippet to block specific content from being used in a Google search snippet [Experiment]
Using data-nosnippet to Block Content from Google Search Snippets — One for those tinkering with all...
-
Debunking Free Obfuscation Myths: Moving Towards Comprehensive Client-Side Protection | Jscrambler
Join Our Live Webinar - Debunking Free Obfuscation Myths in 2024 — We'll explore the complex world...