Websites Should Be Printable(brennenputh.me)
109 points by bagatelle | 101 comments
A personal blog post arguing websites should be printable, sharing the author's @media print CSS snippet for hiding headers, adjusting font sizes, and styling links.
#css on Hacker News
66 stories tagged css, newest first.
Show HN: Sumi.css – CSS Framework(github.com)
58 points by bepero | 13 comments
GitHub repository for Sumi.css, a minimalist classless-first CSS framework (6.7 KB gzipped) with dark mode, theming via custom properties, and no build step.
The Future of CSS(joshwcomeau.com)
560 points by soheilpro | 277 comments
Josh Comeau's blog post listing his top 10 CSS feature picks for the Interop 2027 cross-browser compatibility effort.
FCSS 2: Utility CSS that reads like CSS(github.com)
5 points by meerita | 8 comments
GitHub repository for FCSS2, a zero-runtime functional CSS library with utility classes named after real CSS properties, supporting Vite, Next.js, Astro and Angular.
Animated ASCII Art for Web Pages(ascii.rest)
426 points by turrini | 72 comments
ascii.rest is a gallery of 191 animated ASCII art pieces for web pages, including scenes, 3D shapes, loaders, charts, language logos and Linux distro logos.
CSS Bed: Classless CSS themes to use as starting points in web development(cssbed.com)
148 points by sea-gold | 45 comments
CSS Bed is a gallery of classless CSS themes, letting users preview the same page in each theme and copy a snippet to use one.
Improving site performance by shipping more CSS(github.blog)
75 points by torutofu | 64 comments
GitHub Engineering blog post describing how github.com fully migrated away from CSS-in-JS to improve site performance by shipping static CSS.
Native apps written in TypeScript and CSS(github.com)
108 points by arbayi | 37 comments
GitHub repository of example Gea applications and tools, including an app gallery for the simulator, embedded targets, GeaOS and Apple targets.
Shopify acquires Tailwind(tailwindcss.com)
1103 points by EdwinHoksberg | 428 comments
Tailwind CSS blog post by Adam Wathan announcing that Tailwind Labs is joining Shopify.
98.css(jdan.github.io)
485 points by lopespm | 110 comments
Documentation for 98.css, a CSS library that recreates Windows 98 UI components, shown at the status bar section.
CSSQuake(cssquake.com)
475 points by msalsas | 101 comments
CSSQuake is a browser-based recreation of id Software's Quake built with CSS, shown here at its main menu with single player, options and help.
Moving away from Tailwind, and learning to structure my CSS(jvns.ca)
645 points by mpweiher | 361 comments
Julia Evans' blog post about migrating sites away from Tailwind to semantic HTML and vanilla CSS, and what she learned about structuring CSS.
Multi-stroke text effect in CSS(yuanchuan.dev)
327 points by cheeaun | 41 comments
A blog post explaining how to create a retro multi-stroke text effect in CSS, working around text-stroke accepting only a single value.
CSS is DOOMed(nielsleenheer.com)
459 points by msephton | 108 comments
Niels Leenheer's blog post about rendering the game DOOM in 3D using CSS, with a live demo at cssdoom.wtf.
Show HN: I built 48 lightweight SVG backgrounds you can copy/paste(svgbackgrounds.com)
335 points by visiwig | 63 comments
A collection of free, customizable SVG backgrounds and patterns that can be copied and pasted into websites, with paid all-access option.
Death to Scroll Fade(dbushell.com)
352 points by PaulHoule | 192 comments
A blog post by David Bushell criticizing scroll-fade animations on websites, deliberately demonstrating the effect while ignoring reduced-motion preferences.
this css proves me human(will-keleher.com)
352 points by todsacerdoti | 108 comments
A personal blog post on using CSS lowercase transforms, swapped em dashes, and deliberate misspellings so the writing won't be mistaken for AI-generated text.
Zero-day CSS: CVE-2026-2441 exists in the wild(chromereleases.googleblog.com)
363 points by idoxer | 206 comments
Google Chrome Releases blog post announcing a Stable channel desktop update (145.0.7632.75/76) that fixes CVE-2026-2441, a CSS zero-day exploited in the wild.
Modern CSS Code Snippets: Stop writing CSS like it's 2015(modern-css.com)
646 points by eustoria | 272 comments
Modern.css is a site presenting modern native CSS code snippets side by side with the older hacks they replace.
Oat – Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library(oat.ink)
462 points by twapi | 122 comments
Documentation homepage for Oat, an ultra-lightweight (~8KB) zero-dependency semantic HTML/CSS/JS UI component library.
Google AI Studio is now sponsoring Tailwind CSS(twitter.com)
714 points by qwertyforce | 265 comments
Tweet by Logan Kilpatrick announcing that the Google AI Studio team is now a sponsor of the Tailwind CSS project.
You can make up HTML tags(maurycyz.com)
514 points by todsacerdoti | 171 comments
A short blog post explaining that you can use made-up HTML tag names like <cool-thing> instead of divs with classes, and style them with CSS.
CSS Grid Lanes(webkit.org)
703 points by frizlab | 213 comments
WebKit blog post by Jen Simmons introducing CSS Grid Lanes (display: grid-lanes), the new standard for masonry-style layouts on the web.
Show HN: A CSS-Only Terrain Generator(terra.layoutit.com)
328 points by rofko | 80 comments
Layoutit Terra, an interactive generator that renders randomized isometric 3D terrain using only CSS, with a regenerate button.
The least amount of CSS for a decent looking site (2023)(thecascade.dev)
670 points by loughnane | 290 comments
TheCascade article showing the minimal set of CSS rules needed to make a plain web page look decent without over-engineering.
Just let me select text(aartaka.me)
765 points by ayoisaiah | 521 comments
Blog post by Artyom Bologov arguing that websites and apps should not prevent users from selecting text.
Liquid Glass in the Browser: Refraction with CSS and SVG(kube.io)
449 points by Sateeshm | 111 comments
Blog article explaining how to recreate Apple's Liquid Glass refraction effect in the browser using CSS and SVG filters.
Pico CSS – Minimal CSS Framework for Semantic HTML(picocss.com)
318 points by mpweiher | 86 comments
Homepage of Pico CSS, a minimal, lightweight CSS framework that styles semantic HTML elements responsively by default.
Aspects of modern HTML/CSS you may not be familiar with(lyra.horse)
391 points by todsacerdoti | 221 comments
A blog post on lyra's blog arguing that modern HTML and CSS features can replace much of what JavaScript frameworks are used for on the web.
What are OKLCH colors?(jakub.kr)
777 points by tontonius | 174 comments
An explainer on the OKLCH color model, a perceptually uniform color space, with interactive color swatch examples.
It's time for modern CSS to kill the SPA(jonoalderson.com)
681 points by tambourine_man | 438 comments
Blog post by Jono Alderson arguing that modern CSS features like view transitions make single-page application architectures unnecessary for most sites.
Show HN: CSS generator for a high-def glass effect(glass3d.dev)
383 points by kris-kay | 99 comments
glass3d is an interactive CSS generator for a layered glassmorphism effect with adjustable backdrop-filter, color, texture, and bevel, outputting copyable CSS.
Gurus of 90s Web Design: Zeldman, Siegel, Nielsen(cybercultural.com)
392 points by panic | 177 comments
A Cybercultural article on three 1990s web design philosophies from David Siegel, Jakob Nielsen, and Jeffrey Zeldman amid the rise of Flash and CSS in 1997.
CSS Minecraft(benjaminaster.com)
1074 points by mudkipdev | 123 comments
An interactive Minecraft-style block-building demo implemented entirely in HTML and CSS with no JavaScript.
Plain Vanilla Web(plainvanillaweb.com)
1335 points by andrewrn | 613 comments
Plain Vanilla is an explainer site on building websites and web apps with only HTML, CSS, JavaScript and web standards, without build tools or frameworks.
Default styles for h1 elements are changing(developer.mozilla.org)
342 points by soheilpro | 246 comments
MDN blog post announcing that browsers are changing default user-agent styles for h1 elements nested inside sectioning elements.
Better typography with text-wrap pretty(webkit.org)
324 points by todsacerdoti | 140 comments
WebKit blog post announcing text-wrap: pretty support in Safari Technology Preview and comparing it with balance and other text-wrap values.
Overengineered Anchor Links(thirty-five.com)
378 points by matser | 150 comments
Blog post by Mats Erdkamp exploring the 'active anchor problem' in anchor link navigation and an overengineered solution for headings near the page bottom.
The <select> element can now be customized with CSS(developer.chrome.com)
479 points by tosh | 174 comments
Chrome for Developers blog post announcing that the HTML <select> element can now be fully styled with CSS using appearance: base-select.
Minimal CSS-only blurry image placeholders(leanrada.com)
428 points by ChiptuneIsCool | 69 comments
A blog post describing a technique for creating minimal blurry low-quality image placeholders using only CSS.
Uchū – Color palette for internet lovers(uchu.style)
600 points by NetOpWibby | 245 comments
Landing page for Uchū, an open color scheme/palette by NetOperator Wibby, with links to its repo and a simple palette view.
Show HN: Cs16.css – CSS library based on Counter Strike 1.6 UI(cs16.samke.me)
764 points by samke- | 124 comments
Documentation and demo page for cs16.css, a CSS library styling web components after the Counter-Strike 1.6 game UI.
Tailwind CSS v4.0(tailwindcss.com)
360 points by georg-stone | 210 comments
Tailwind CSS blog post by Adam Wathan announcing the stable release of Tailwind CSS v4.0 on January 22, 2025.
Next-level frosted glass with backdrop-filter(joshwcomeau.com)
354 points by timdorr | 61 comments
Josh Comeau tutorial on creating a more realistic frosted glass effect in CSS using backdrop-filter blur.
Frosted glass from games to the web(tyleo.com)
712 points by tyleo | 177 comments
A blog post by a former Forza UI developer explaining how to recreate the frosted acrylic glass UI effect from AAA games in HTML and CSS.
CSS gets a new logo and it uses the color `rebeccapurple`(michaelcharl.es)
773 points by thunderbong | 163 comments
Blog post about the new official CSS logo, which uses the CSS named color rebeccapurple.
98.css – A design system for building faithful recreations of old UIs(jdan.github.io)
382 points by OuterVale | 78 comments
Documentation site for 98.css, a CSS library for building web interfaces that look like Windows 98 using semantic HTML.
Show HN: HTML for People(htmlforpeople.com)
568 points by blakewatson | 200 comments
HTML for People is a free online guide teaching beginners how to build websites with plain HTML and CSS.
Show HN: Winamp and other media players, rebuilt for the web with Web Components(player.style)
368 points by Heff | 62 comments
Player.style by Mux is a gallery of free, open-source video and audio player themes built with Media Chrome web components for any web player or framework.
CSS @property and the new style(ryanmulligan.dev)
498 points by surprisetalk | 159 comments
Blog post by Ryan Mulligan exploring the CSS @property at-rule, now supported in all modern browsers, for typed custom properties with syntax, initial value and inheritance.
The Monospace Web(owickstrom.github.io)
545 points by mrunseen | 135 comments
The Monospace Web is a minimalist web design exploration by Oskar Wickström that uses monospace fonts and a character grid layout, released under the MIT license.
Blitz: A lightweight, modular, extensible web renderer(github.com)
391 points by whatever3 | 102 comments
GitHub repository for Blitz, a high-performance HTML and CSS renderer from DioxusLabs powered by WGPU.
So you think you know box shadows?(dgerrells.com)
717 points by yohannesk | 101 comments
A blog post about pushing CSS box shadows to extremes, including rendering large numbers of them and using them for ray-traced-style 3D graphics.
Show HN: Dropflow, a CSS layout engine for node or <canvas>(github.com)
381 points by chearon | 124 comments
GitHub repository for Dropflow, a CSS layout engine supporting CSS2 and some modern properties that renders to canvas, SVG, or PDF in Node or the browser.
CSS for printing to paper(voussoir.net)
504 points by Tomte | 124 comments
A guide to using CSS to lay out HTML documents for printing on paper, covering @page, @media print, sizing, positioning, multi-page documents and orientation.
How to center a div in CSS(joshwcomeau.com)
384 points by joshwcomeau | 193 comments
Josh Comeau's tutorial guide to the various techniques for centering elements, such as a div, within a parent using modern CSS.
Tailwind color palette generator(tints.dev)
451 points by wallawe | 70 comments
tints.dev is a web tool and API for generating Tailwind CSS color palettes from a base color, with hex, P3, and OKLCH output.
Making noisy SVGs(daniel.do)
449 points by dimmke | 83 comments
Daniel Immke's blog post explaining how to add noise texture to SVG graphics using only code.
You don't need JavaScript for that(htmhell.dev)
776 points by soheilpro | 297 comments
HTMHell Advent Calendar 2023 article by Kilian Valkhof showing UI patterns that can be built with HTML and CSS instead of JavaScript.
Animotion – a visual CSS animation app(cssanimotion.pages.dev)
319 points by marban | 22 comments
Landing page for Animotion, a web app for creating CSS animations visually with a keyframes editor, ready-made animations, and built-in easings.
Flexbox Froggy(flexboxfroggy.com)
427 points by saaspirant | 66 comments
Flexbox Froggy is a browser game with 24 levels that teaches CSS flexbox properties like justify-content by having players write CSS to move frogs onto lilypads.
A Firefox-only minimap (2021)(stefanjudis.com)
647 points by sph | 110 comments
A short blog post by Stefan Judis showing how to build a page minimap using Firefox's CSS element() function, which only works in Firefox.
How to build a website without frameworks and tons of libraries(kodingkitty.com)
434 points by KodingKitty | 232 comments
A Koding Kitty blog post explaining how the author built their website without frameworks or heavy libraries, prompted by an IndieHackers question.
Don't use custom CSS scrollbars(ericwbailey.website)
338 points by Twixes | 210 comments
Blog post by Eric Bailey arguing against styling custom scrollbars with CSS, citing accessibility and usability concerns.
Show HN: I made CSS Pro, a re-imagined Devtools for web design(csspro.com)
444 points by guivr | 251 comments
Landing page for CSS Pro, a visual editor that reimagines browser devtools for editing website designs and generating CSS code.
Spinning Diagrams with CSS(x.st)
899 points by kilovoltaire | 41 comments
Harold Cooper explains how the spinning 3D math diagrams in his earlier post were built using only HTML and CSS, without JavaScript or animated images.