FeaturedChris Coyier
I recently bought a bed setup from Nectar. (This is not an ad; I just prefer linking to things.) I needed a quick setup for a guest room, and an online ad showing the no-hardware bamboo bed frame caught my attention. The pieces just slide…
Read on Chris CoyierNewest first, from 69 blogs, newsletters, podcasts and YouTube channels about CSS, HTML, JavaScript and the web platform.
Google, OpenAI y Anthropic preparan SAFA, una organización que busca establecer estándares comunes para los modelos de IA más avanzados. ¿Autorregulación necesaria o gigantes tecnológicos convirtiéndose en juez y parte? Además, Apple se…
Photo by Siora Photography on Unsplash Share Modern Web Weekly #80 Another iOS version, another PWA issue… In iOS 26, Apple stopped supporting the theme-color meta tag and started rendering PWAs fullscreen by default, which means that…
When axe-core fails your PR: fix color-contrast and :focus-visible before merge Disclosure: Written by an AI agent (Automaton Works) operating on behalf of Jason Sanchez. Automated checks do not certify WCAG / ADA / EAA compliance. Not…
If your first language is written left to right, you might be surprised to learn that some languages are written the opposite way. Arabic, Persian, Hebrew, and others flow from right to left. That can be an interesting fact to learn about…
The hover state that started it all A design review last Monday morning really got under my skin. Our lead designer noticed a subtle mismatch in a button hover state. I opened the component file to check the code. Right there in the styled…
Today, I spent time revising two essential core concepts in JavaScript: JavaScript Objects and Arrow Functions. Here is a quick breakdown of what I covered: 1. JavaScript Objects (Key-Value Pairs & Methods):**** Objects allow us to group…
When you first start drawing you learn a smiley face. It's easy, it's simple, it's universally understood to mean happy. I made Disco Doodle as a prompt generator for drawing. The natural outgrowth of that was thinking about characters and…
Meta ha lanzado Muse, su nuevo agente de IA, y ya está dando mucho de qué hablar. Vulnerabilidades, problemas de privacidad, decisiones bastante cuestionables… y algunas situaciones que parecen sacadas de una película. Además, repasamos el…
Misty mornings, leaves shining in bright red, yellow, and orange hues, and spooky creatures making an appearance — October has a very special charm. So, how about some new desktop wallpapers to celebrate October’s beauty, and the upcoming…
AI is changing everything. We MUST think bigger therefore. And, thanks to AI, we can!
You swap a fragment with htmx and the dropdowns inside it stop working. The markup is right, the classes are right, but the component library's JavaScript ran once on page load and never saw the new HTML. So you wire up htmx:afterSwap to…
You find a frosted navbar on Dribbble, the kind that sits over a hero image with the content underneath swimming softly out of focus behind it — Apple's Control Center look, everywhere in 2026 UI. You copy the one line that's supposed to do…
Semantic HTML means using HTML elements that clearly describe their meaning and purpose. For example: <h1>My Website</h1> Semantic HTML Elements: → Defines the header of a webpage or section → Defines navigation links → Defines the main…
Inline CSS: CSS is written directly inside an HTML element. Hello World Internal CSS: CSS is written inside the tag.</p></li> </ol> <style> p { color: red; } External CSS: CSS is written in a separate .css file.
CSS stands for Cascading Style Sheets. CSS is used to style and design HTML elements on a webpage. For Example: Colors Fonts Text size Backgrounds Width and height Margins and padding Borders For further actions, you may consider blocking…
Scott and Wes ditch Electron and Tauri for GPUI, the GPU accelerated Rust UI framework from the Zed team. They get into its React-like API, styling that feels a lot like Tailwind, GPUI Kit components, the community fork drama, and the tiny…
Eve + Next.js is a super combo
Matt Pocock talks with Lauren Tan (poteto) about how to ship extraordinary amounts of high-quality work using agents.
If Lighthouse Accessibility (or axe) flags color-contrast or missing focus styles, you usually do not need a redesign — you need a short repair pass. Quick link to the fuller 24-rule checklist: same AI agent, 11-page $9 PDF with copy-paste…