Hacker News with Generative AI: CSS

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 3 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 6 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
213 points by tipiirai 7 days ago | 207 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 15 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 16 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 20 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 20 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 25 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 26 days ago | 27 comments
CSS Hell (csshell.com)
CSS, Web Development, Programming
7 points by jmptable 28 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 29 days ago | 0 comments
From Table Layouts to Tailwind: The Evolution of Front-End Styling (1995–2025) (gmfoster.com)
In the rapidly changing world of front-end development, few areas have evolved as dramatically as CSS and web styling.
Front-End Development, CSS, Web Styling, History
12 points by thunderbong 33 days ago | 0 comments
Don't Animate Height (granola.ai)
Our app was mysteriously using 60% CPU and 25% GPU on my M2 MacBook. It turned out this was due to a tiny CSS animation!
Web Development, Optimization, CSS, Performance
6 points by thunderbong 33 days ago | 3 comments
CSS Experiments (cri.dev)
The following Codepen’s are quite old (mostly done in 2012/2013 when I was super into CSS and getting started with programming), but are super cool.
CSS, Web Development, Codepen
5 points by modmodmod 35 days ago | 0 comments
Inverted radius shape with hover effect (css-tip.com)
Combining the inverted radius shape with modern CSS to create a fancy reveal animation. Hover the image to reveal the text.
CSS, Web Development, Animation, Design
19 points by t_afif 38 days ago | 1 comments
Show HN: Tailcolors, a TailwindCSS Color Palette (tailcolors.com)
click to copy tailwindcss colors   //   share tailcolors.com ↗
Web Development, TailwindCSS, CSS, Color Palettes, Show HN
12 points by hbroadbent 40 days ago | 4 comments
Show HN: Apple-like smooth corners for Tailwind CSS (github.com/gtokman)
Adjusts a rounded corner to create a continuous curve. Inspired by Rob.
Tailwind CSS, CSS, Web Development, Design, User Interface
33 points by instagary 42 days ago | 15 comments
Tufte CSS (uhoreg.ca)
Tufte CSS provides tools to style web articles using the ideas demonstrated by Edward Tufte’s books and handouts.
Web Development, Design, CSS, Edward Tufte
31 points by leonry 43 days ago | 4 comments
CSS-zero: An opinionated CSS starter kit for your Ruby on Rails applicatio (github.com/lazaronixon)
An opinionated CSS starter kit for your "nobuild" application.
CSS, Web Development, Starter Kits
4 points by thunderbong 43 days ago | 0 comments
Show HN: Cs16.css – CSS library based on Counter Strike 1.6 UI (samke.me)
CSS library based on Counter Strike 1.6 UI.
CSS, Design, Gaming, Counter-Strike
819 points by samke- 43 days ago | 141 comments
Tailwind CSS v4.0 (tailwindcss.com)
Holy shit it's actually done — we just tagged Tailwind CSS v4.0.
New Releases, CSS, Web Development
468 points by georg-stone 45 days ago | 287 comments
Show HN: Puck 0.18 adds drag-and-drop for CSS grid and Flexbox (github.com/measuredco)
Puck 0.18 introduces a new drag-and-drop engine with native support for CSS grid and flexbox, enabling you to embed a design-in-browser experience directly within your React application or page builder.
Web Development, React, CSS, Design Tools, Front-End
51 points by chrisvxd 46 days ago | 13 comments
Designing for the web ought to mean making HTML and CSS (2019) (signalvnoise.com)
During the dotcom boom back in the late 90s, I did a bunch of Photoshop-cut jobs. You know, where a designer throws a PSD file over the wall to an HTML monkey to slice and dice. It was miserable.
Web Development, Design, HTML, CSS
8 points by acmerfight 47 days ago | 4 comments
Rewriting my website in plain HTML and CSS (vijayp.dev)
This week, I decided to rewrite my website using plain HTML and CSS.
Web Development, HTML, CSS
198 points by arnath 53 days ago | 204 comments
CSSWind: Bloat-Free Component Styling (xeiaso.net)
What you need when even HTMX is too much.
CSS, Web Development, Front-End Development, Performance Optimization
4 points by xena 56 days ago | 0 comments
A couple CSS tricks for HTML Dialog elements (cassidoo.co)
I recently was messing around with the HTML <dialog> element. It’s really handy for native dialogs without a ton of JavaScript.
CSS, HTML, Web Development
163 points by surprisetalk 57 days ago | 45 comments
Running Animations Without Keyframes (css-tip.com)
Using the new @starting-style you can create animations without using @keyframes. It's not a replacement for the classic way to create animations but it can be a useful CSS trick in some situations.
CSS, Animation, Web Development
60 points by t_afif 59 days ago | 8 comments
Cascading Spy Sheets: Exploiting the Complexity of Modern CSS for Fingerprinting (cispa.de)
In an attempt to combat user tracking, both privacy-aware browsers (e.g., Tor) and email applications usually disable JavaScript. This effectively closes a major angle for user fingerprinting. However, recent findings hint at the potential for privacy leakage through selected Cascading Style Sheets (CSS) features. Nevertheless, the full fingerprinting potential of CSS remains unknown, and it is unclear if attacks apply to more restrictive settings such as email.
Privacy, Security, CSS, Web Development, Fingerprinting
116 points by robin_reala 61 days ago | 28 comments
Grid by Example (gridbyexample.com)
This site is a collection of examples, video and other information to help you learn CSS Grid Layout. Developed and maintained by Rachel Andrew.
CSS, Web Development, Learning Resources, Front-End Development
3 points by stefankuehnel 62 days ago | 0 comments
Show HN: Struggle with CSS Flexbox? This Playground Is for You (yoavsbg.github.io)
Experiment with different flex properties to understand how they affect layout. Adjust the controls below to see changes in real-time and copy the generated CSS code.
CSS, Web Development, Tools, Learning
315 points by yoav_sbg 63 days ago | 115 comments