a terminal weather app with ascii animation. Contribute to Veirt/weathr development by creating an account on GitHub.

If you have ever built a full-screen hero section, opened it on your phone, and watched the bottom get swallowed by the browser’s address bar, you are not doing anything wrong. 100vh is broken on mobile by design, and it has been frustrating developers for years.

2026 is going to be absolutely wild for CSS, and honestly, JavaScript for UI components is slowly becoming obsolete. I’ve been doing web development for about 5 years now, and what’s coming this year is genuinely exciting. I’m going to show you 16 new CSS features that eliminate JavaScript dependencies, unlock UI patterns that weren’t possible before, and make your code so much cleaner.

Looking at the first principles of icon design—and how Apple failed to apply all of them in macOS Tahoe

3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents

Browsers have become incredibly powerful. Features that used to require heavy JavaScript libraries are now built right into the browser. And honestly, it’s about time. Let me walk you through the Web APIs that are replacing entire libraries and making your bundle sizes way smaller.

Masonry layouts have been a pain for 15 years. You know the drill: Pinterest-style galleries where items stack nicely without giant gaps. We’ve been using JavaScript libraries, writing complex calculations, and biggest of all, dealing with performance issues. Well, not anymore. CSS Grid-Lanes solves all of this with three lines of code. No JavaScript, no libraries, just CSS doing what it should’ve been doing all along. As always, here is the practical implementation of CSS Grin-Lanes

Until I learned the modern syntax

The Missing Piece After border-radius. All front-end developers must have definitely used border-radius inside CSS. But do you know about CSS's new property called corner-shape?

Meet the new dynamic and small/large viewport units that make responsive layouts more predictable across browsers and devices.

Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful convenience, but it turns out that it’s so much more. Subgrid unlocks exciting new layout possibilities, stuff we couldn’t do until now. ✨

For years, I wrestled with verbose null checks in PHP — layering isset() guards or ternaries into every array and object assignment. Then, in PHP 7.4, along came the null coalescing assignment operator (??=), and it changed everything. This tiny syntax tweak makes default‑value logic cleaner, safer, and yes—faster. Here’s why I’ve made ??= my go‑to trick for punchier PHP.

Your CSS Can Do This? (Most Developers Have No Idea)

A Practical Guide to CSS Grid Layout With Real-World Examples You Can Use Right Away

Stop Rewriting HTML for Different Screens

The Only ARIA Attributes Guide You’ll Ever Need in 2025

One day I was staring at my JavaScript code, fingers hovering over the keyboard, wondering if there’s a cleaner way to handle conditional updates without bloating my logic.

You’ve been there, right? That moment when you’re juggling truthy checks and assignments, and your code starts looking like a tangled mess.