Hacker News with Generative AI: CSS

Default styles for h1 elements are changing (mozilla.org)
Browsers are starting to roll out changes in default UA styles for nested section headings. Developers should check that their sites don't rely on UA styles for certain cases to avoid unexpected results and failing Lighthouse checks. In this post, we'll have a look at what the incoming changes are, how to identify if it's an issue on your pages, and some hints for conformant and better-structured websites.
Web Development, CSS
353 points by soheilpro 1 day ago | 255 comments
Better typography with text-wrap pretty (webkit.org)
Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to typography on the web. Let’s take a look at what the WebKit version of pretty does — it’s probably a lot more than you expect. Then, we’ll compare it to balance and the other text-wrap values to better understand when to use which one.
Web Development, Typography, Safari, CSS
359 points by todsacerdoti 4 days ago | 153 comments
Dark mode with almost no CSS (feep.dev)
Feep! now has a dark mode theme! The stylesheet for the site is a fairly minimal set of overrides on top of the browser default stylesheet, so adding this support was actually pretty straightforward, though there were a few complications.
Web Development, CSS, Dark Mode
25 points by wolfgang42 8 days ago | 3 comments
CSS Clicker – incremental game about making a personal web, written in pure CSS (lyra.horse)
CSS Clicker is an incremental game themed around making websites.
Games, Web Development, CSS
30 points by mdtrooper 8 days ago | 6 comments
CSS-Only Glitch Effect (muffinman.io)
Let me show you how I created a CSS-only image glitch effect. I was working on the robot poet and wanted my robotic bard to glitch - because it felt fitting given the quality of poetry it generates.
CSS, Web Development, Creative Projects, Art
5 points by stankot 9 days ago | 1 comments
Rewriting my site in vanilla web (leanrada.com)
I rewrote this website in vanilla HTML/CSS/JS. Here’s the story.
Web Development, HTML, CSS, Javascript
15 points by todsacerdoti 9 days ago | 1 comments
Item Flow, Part 1: A new unified concept for layout (webkit.org)
CSS Grid and Flexbox brought incredible layout tools to the web, but they don’t yet do everything a designer might want. One of those things is a popular layout pattern called “masonry” or “waterfall,” which currently still requires a Javascript library to accomplish.
CSS, Web Development, Layout, Javascript
47 points by ulrischa 10 days ago | 13 comments
Show HN: CSS Clicker – a pure-CSS idle game where you build your own website (lyra.horse)
CSS Clicker is an incremental game themed around making websites.
Games, CSS, Web Development
12 points by rebane2001 11 days ago | 2 comments
The <select> element can now be customized with CSS (chrome.com)
From Chrome 135, web developers and designers can finally unite on an accessible, standardized and CSS styleable <select> element on the web.
Web Development, CSS, Accessibility
507 points by tosh 12 days ago | 187 comments
Minimal CSS-only blurry image placeholders (leanrada.com)
Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!
CSS, Web Development, Image Optimization, Performance
469 points by ChiptuneIsCool 13 days ago | 75 comments
Ask HN: Building a Non-AI tool feels surprisingly refreshing for me (ycombinator.com)
Lately, I’ve been working on a small side project: a web tool for creating radial and circular layouts using CSS only. What I’ve enjoyed the most is that it’s completely non-AI—just code, logic, and design decisions made by hand.
Web Development, Programming, CSS, User Experience, Side Projects
7 points by tinchox6 18 days ago | 3 comments
CSS Form Control Styling Level 1 – W3C First Public Working Draft (csswg.org)
This CSS Module defines various ways of styling form controls and their different parts.
Web Development, CSS, W3C Standards
31 points by tambourine_man 21 days ago | 1 comments
Matching drop shadows across CSS, Android, iOS, Figma, and Sketch (bjango.com)
If you’ve ever tried to implement consistent shadows across multiple platforms and design tools, you may have noticed that they don’t look the same. Thankfully, it is possible to get them all to match.
Design, CSS, iOS, Android, Figma, Sketch
12 points by marcedwards 21 days ago | 0 comments
Minding the gaps: A new way to draw separators in CSS (windows.com)
Drawing separator lines between various sections of a webpage is a common design technique, which can help to structure the content and make it more readable, as well as more aesthetically pleasing.
CSS, Web Development, Design
286 points by SigmundurM 23 days ago | 97 comments
Styling an HTML dialog modal to take the full height of the viewport (simonwillison.net)
I've been experimenting with the HTML dialog element recently, for example in my Prompts.js JavaScript library.
Web Development, HTML, CSS
75 points by maxloh 27 days ago | 57 comments
Take a New Look at CSS Shapes (2018) (smashingmagazine.com)
This week, CSS Shapes ships in a production version of Firefox with the release of Firefox 62 — along with a very nice addition to the Firefox DevTools to help us work with Shapes.
CSS, Web Development, Web Design, Firefox
16 points by Tomte 27 days ago | 6 comments
Privacy and the :visited selector (mozilla.org)
Before about 2010, the CSS :visited selector allowed websites to uncover a user's browsing history and figure out what sites the user had visited. This was done through window.getComputedStyle and other techniques. This process was quick to execute, and made it possible not only to determine where the user had been on the web, but could also be used to guess a lot of information about the user's identity.
Privacy, Web Security, CSS, Browsing History
14 points by s4i 32 days ago | 0 comments
Show HN: A CSS Puzzle Game (csshell.com)
Show HN, CSS, Puzzles, Games
5 points by spaghetti-code 32 days ago | 1 comments
You suck at CSS and that's okay (2022) (rexriepe.com)
This book is about writing CSS. It's also about not writing CSS. It's aimed at people who want to learn CSS, people who want to avoid CSS, amateurs, professionals and everyone in-between. The book aims to provide context as to why CSS and the design ecosystem surrounding it are the way they are. It's written to support the California Stylesheets CSS framework.
CSS, Web Development, Design
41 points by kyleyeats 33 days ago | 65 comments
Functions in CSS? (css-tricks.com)
A much-needed disclaimer: You (kinda) can use functions now! I know, it isn’t the most pleasant feeling to finish reading about a new feature just for the author to say “And we’ll hopefully see it in a couple of years”. Luckily, right now you can use an (incomplete) version of CSS functions in Chrome Canary behind an experimental flag, although who knows when we’ll get to use them in a production environment.
CSS, Web Development, Browser Features
17 points by ulrischa 38 days ago | 6 comments
CSS Custom Functions are coming (bram.us)
Chrome is currently prototyping CSS Functions, which is very exciting!
Web Development, CSS, New Features
96 points by Fudgel 41 days ago | 83 comments
Knowing CSS is mastery to front end development (helloanselm.com)
There are countless articles why developers should not focus on Frameworks too much and instead learn to understand the underlying languages. But I think rarely we can find good reasons except that Frameworks come and go. To me, the main reason is different: You won’t be a master at frontend development if you don’t understand underlying mechanisms of a language.
Front-end Development, CSS, Web Development
215 points by tipiirai 41 days ago | 209 comments
CSS-zero: opinionated CSS starter kit for your "nobuild" application (github.com/lazaronixon)
An opinionated CSS starter kit for your "nobuild" application.
CSS, Frontend Development, Web Development, Starter Kits
15 points by klaussilveira 50 days ago | 10 comments
BritCSS: Fixes CSS to use non-American English (github.com/DeclanChidlow)
Fixes CSS to use non-bastardised spellings.
Programming, Software, Open Source, CSS, Language
163 points by OuterVale 51 days ago | 167 comments
The difference between zoom and scale (css-tip.com)
Do you know the zoom property? It works the same way as a scale transformation but unlike scale, it affects the page layout. In other words, the page layout is recalculated considering the new dimension of the scaled element.
CSS, Web Development, Zoom, Scale
11 points by t_afif 54 days ago | 6 comments
Oklch in CSS: why we moved from RGB and HSL (2024) (evilmartians.com)
The new CSS Color 4 specification has added the new oklch() notation for declaring colors. In this post, we explain why this is important for design systems and color palettes.
CSS, Color, Web Development, Design Systems
78 points by rob 54 days ago | 30 comments
Show HN: I've built personal site in plain HTML/CSS, withouth React/Next.js BS (sergeycooper.com)
Hi! 👋 I'm Sergey
Web Development, Personal Websites, HTML, CSS
23 points by ulshv 60 days ago | 2 comments
Anchoreum: A game for learning CSS anchor positioning (anchoreum.com)
The exhibit's grand opening was a rousing success. Anchoreum is now considered to be the finest anchor museum in the world!
Education, Web Development, Games, CSS
87 points by thomaspark 60 days ago | 27 comments
CSS Hell (csshell.com)
CSS, Web Development, Programming
7 points by jmptable 63 days ago | 0 comments
CSS Snippets Every Front-End Developer Should Know in 2025 (nerdy.dev)
2025; I think every front-end developer should know how to enable page transitions, transition a <dialog>, popover, and <details>, animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation.
Web Development, CSS, Front-End Development
7 points by tigitz 64 days ago | 0 comments