How we’re approaching theming with modern CSS
How screen readers read special characters: an update | Eleven Ways
Go ahead and block AI web crawlers // Cory Dransfeldt
AI companies are crawling the open web to, ostensibly, improve the quality of their models and products. This process is extractive and accrues the benefit to said companies, not the owners of sites both small and large.
Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript — Smashing Magazine
There are many ways to approach a “Dark Mode” feature that respects a user’s system color scheme preferences and allows for per-site customization. Henry Bley-Vroman walks through a new possibility that leans into cutting-edge CSS, with minimal JavaScript to support persisting the user’s color scheme preference across pages.
Counterscale: Web Analytics
Infinite-Scrolling Logos In Flat HTML And Pure CSS — Smashing Magazine
Remember the HTML `` element? It’s deprecated, so it’s not like you’re going to use it when you need some sort of horizontal auto-scrolling feature. That’s where CSS comes in because it has all the tools we need to pull it off. Silvestar Bistrović demonstrates a technique that makes it possible with a set of images and as little HTML as possible.
A complete guide for content creators to start making accessible content - Pope Tech Blog
Learn how to embed web accessibility into your process using WAVE and accessibility basics.
BYO CSS tokens to Tailwind v4's new CSS centric config · March 18, 2024
Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.
AdminJS - the leading open-source admin panel for Node.js apps | AdminJS
AdminJS is an open-source auto-generated admin panel for your Node.js application that allows you to manage all your data in one place
A highly configurable switch component using modern CSS techniques
Who am I and introducing piecesjs
Hello 👋 I am Quentin Hocdé, a freelance creative and front-end developer with over 10 years of experience. I mainly create animated and interactive websites. I am also ex-lead front-end at Locomotive. I have always shared a lot about my workflow, my way of building websites, and I am one of the creators of locomotive-scroll. For years, my front-end stack has been based on the boilerplate we created at Locomotive, using modularJS for component-style management of JavaS
On popover accessibility: what the browser does and doesn’t do
Hidde's blog about web accessibility, standards, HTML, CSS, JavaScript and more.
How I shaved 1.5 minutes off my Eleventy build time
I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!
Mastering Web Accessibility: Making Drop-Down Menus User-Friendly
Facing issues with your website's drop-down menu accessibility? Find solutions and best practices in web design to meet accessibility standards.
Marvel at Hundreds of Mathematician Max Brückner's Remarkably Precise Models of Polyhedra — Colossal
German scholar Max Brückner (1860-1934) was lauded during his lifetime for his remarkable collection of polyhedra models.
Drams - Framer components inspired by Dieter Rams' principles
Elevate your digital projects with sleek Framer UI elements inspired by Dieter Rams. Explore buttons, sliders & components designed for simplicity & functionality.
accessibility darkness – HTML Accessibility
Alpine AJAX
Radio-controlled HTML elements!
Accessibility Myths
A small project debunking common accessibility myths.
Lummi: Free AI-Generated Stock Photos & Royalty-Free Images
Discover Lummi: Photos Sans Photographer. The ultimate source for free AI-generated stock photos and royalty-free images. Perfect for designers, marketers, and creatives. No photographers, just algorithms like OpenAI's Dall-e and Midjourney. Browse our extensive library today
Menus, toasts and more with the Popover API, the dialog element, invokers, anchor positioning and @starting-style
Dropdowns, menus, tooltips, comboboxes, toasts — the popover attribute will make building a large variety of UI components easier. The popover attribute can be used on any HTML element, so you have…
TechSquidTV | Astro Component: Fetching Latest YouTube Videos with RSS
Fetching the latest YouTube videos for your website doesn't require a backend server or even API keys. Fetch the latest videos statically with Astro.
CSS for printing to paper
CSS Scroll-triggered Animations with Style Queries
Combine scroll-driven animations and style queries to trigger an animation sequence powered only by CSS.
Device Simulator & Tester: Unleash Real Time Device Experience
Test sites on multiple devices in one tab. Improve development, UI/UX, & QA with live previews.
Pages CMS: The No-Hassle CMS for GitHub
Tired of juggling Git and YAML to update your Next.js, Astro, Hugo or Nuxt website? Make it easy on you and your team, get a user-friendly CMS running straight on top of GitHub.
JavaScript Bloat in 2024
What is the average size of JavaScript code downloaded per website? Fuck around and find out!
Home - Tunera Type Foundry
Serif!
Example
What is Utility-First CSS?: HeydonWorks