Latest Tech News

Stay updated with the latest in technology, AI, cybersecurity, and more

Filtered by: css Clear Filter

The "Most Hated" CSS Feature: Cos() and Sin()

No feature is truly “the worst” in CSS, right? After all, it’s all based on opinion and personal experience, but if we had to reach a consensus, checking the State of CSS 2025 results would be a good starting point. I did exactly that, jumped into the awards section, and there I found it: the “Most Hated Feature,” a title no CSS should have bear… This shocks me, if I’m being honest. Are really trigonometric functions really that hated? I know “hated” is not the same as saying something is “wors

Topics: cos css li style var

Pico CSS – Minimal CSS Framework for Semantic HTML

With just the right amount of everything, Pico is a great starting point for a clean and lightweight design system. Class-light and Semantic Thriving on simplicity, Pico directly styles your HTML tags, using fewer than 10 .classes overall. It also comes with a class-less version for wild HTML purists. Discover the class-less version Great Styles with Just CSS No extra baggage needed. Pico works seamlessly without dependencies, package managers, external files, or JavaScript, achieving elegant

Topics: class color css html pico

Tufte CSS

Tufte CSS Dave Liepmann Tufte CSS provides tools to style web articles using the ideas demonstrated by Edward Tufte’s books and handouts. Tufte’s style is known for its simplicity, extensive use of sidenotes, tight integration of graphics with text, and carefully chosen typography. Tufte CSS was created by Dave Liepmann and is now an Edward Tufte project. The original idea was cribbed from Tufte-LaTeX and R Markdown’s Tufte Handout format. We give hearty thanks to all the people who have contr

Topics: css margin text tufte use

Aspects of modern HTML/CSS you may not be familiar with

You no longer need JavaScript So much of the web these days is ruined by the bloat that is modern JavaScript frameworks. React apps that take several seconds to load. NextJS sites that throw random hydration errors. The node_modules folder that takes up gigabytes on your hard drive. It’s awful. And you don’t need it. Name Status Type Size Time app 200 document 153.8 kB 51 ms 6920616d20612066 -s.p.6f6e7421 .woff2 200 font 31.5 kB 32 ms 686579206d652074 -s.p.6f6f2121 .woff2 200 font 28.5 kB 116

Topics: color css like use yap

You no longer need JavaScript: an overview of what makes modern CSS so awesome

You no longer need JavaScript So much of the web these days is ruined by the bloat that is modern JavaScript frameworks. React apps that take several seconds to load. NextJS sites that throw random hydration errors. The node_modules folder that takes up gigabytes on your hard drive. It’s awful. And you don’t need it. Name Status Type Size Time app 200 document 153.8 kB 51 ms 6920616d20612066 -s.p.6f6e7421 .woff2 200 font 31.5 kB 32 ms 686579206d652074 -s.p.6f6f2121 .woff2 200 font 28.5 kB 116

Topics: color css like use yap

We keep reinventing CSS, but styling was never the problem

We Keep Reinventing CSS, but Styling Was Never the Problem We’ve been building for the web for decades. CSS has had time to grow up, and in many ways, it has. We’ve got scoped styles, design tokens, cascade layers, even utility-first frameworks that promise to eliminate bikeshedding entirely. And yet, somehow, every new project still begins with a shrug and the same old question: “So… how are we styling things this time?” It’s not that we lack options. It’s that every option comes with trade

This Month in Ladybird

Hello friends! July is done. We merged 319 pull requests from 47 contributors. Ladybird is entirely funded by the generous support of companies and individuals who believe in the open web. This month, we’re excited to welcome the following new sponsors: Scraping Fish with $5,000 Blacksmith with high-performance CI infrastructure We’re incredibly grateful for their support. If you’re interested in sponsoring the project, please contact us. Web Platform Tests (WPT) As usual, we’ve made some

How I fixed my blog's performance issues by writing a new Jekyll plugin

How I fixed my blog's performance issues by writing a new Jekyll plugin: jekyll-skyhook posted Jul 24, 2025 💡 If you don't want to read the full story, you can check out the jekyll-skyhook plugin on GitHub here. When I started writing this blog, I figured I could write my posts, submit my website to Google Search Console for indexing, and presto - my posts would start appearing in Google search results. That way, people who encounter issues like I did with dark/light mode not working in Ubunt

CSS's problems are Tailwind's problems

Tailwind is the Worst of All Worlds 21 July 2025 React, CSS, Tailwind, HTML Tailwind is the worst of all worlds. It is a regrettable step backwards that takes everything bad about CSS and modern web development and brings it all together in one library. CSS's Successes and Failures Of all the web technologies that underlie the modern web, the one that has received the fewest fundamental changes is CSS. We've gotten amazing things like flexbox, grid, container queries, and more which have

Selfish reasons for building accessible UIs

Posted June 16, 2025 by Nolan Lawson in accessibility, Web. Tagged: accessibility. 2 Comments All web developers know, at some level, that accessibility is important. But when push comes to shove, it can be hard to prioritize it above a bazillion other concerns when you’re trying to center a <div> and you’re on a tight deadline. A lot of accessibility advocates lead with the moral argument: for example, that disabled people should have just as much access to the internet as any other person, a

BritCSS: Fixes CSS to use non-American English

BritCSS Fixes CSS to use non-bastardised spellings Permits using English (traditional) spellings for CSS properties, rather than English (simplified). Because this is implemented with a client-side script. You can use this to properise the CSS of any page. Demo on CodePen Usage To use this script, simply include it in your HTML: < script src =" https://cdn.jsdelivr.net/gh/DeclanChidlow/BritCSS/britcss.js " > </ script > To enter debug mode: britCSS . debug ( true ) ; To stop the script