57 recent posts tagged #css, newest first.
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…
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…
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…
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…
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…
How to Build a 3D Tilt Profile Card with HTML, CSS & JavaScript Modern profile cards don't have to feel flat. In this tutorial, we'll build an interactive 3D Tilt Profile Card that responds to mouse movement with smooth rotation, layered…
A table that fits on one page is easy. The trouble starts at the page break: a header that does not come back, a row cut through the middle, a total printed under the first thirty rows, a footer lying on top of the last line. Most advice…
Improving Site Performance by Shipping More CSS — GitHub details how it spent three years purging styled-components and 'CSS-in-JS' from github․com in favor of CSS Modules. The result? Shipping more CSS, but GitHub reports 55% less time to…
I’m not a web developer. I’m a video guy who has slowly taught himself enough HTML, CSS and SEO to keep rebuilding my own site. Recently, I reworked my FAQ page. I wanted something useful for people looking for video production information…
1.Objects Today i continued learning Javascript and learned about Objects,Object properties,constructors. An object is used to store related data using key-value pairs ``javascript let student = { name: "Saravanan", age: 33, course…
Sites that serve the Gulf and the wider Arabic-speaking market often need to work equally well in Arabic (right-to-left) and English (left-to-right). Mirroring the English layout is not enough: typography, forms, icons, numbers and search…