Issue #632

NewsletterJanuary 21, 2026Zoran Jambor

Find out what the current state of the web is, how we should redefine the Pixel Perfect concept, how to be more productive in Chrome DevTools Elements Panel, and more.

Headlines

The 2025 Web Almanac

HTTP Archive’s annual state of the web report is out — it’s a comprehensive, data-backed view of the web, built with trusted experts, across 15 chapters on content, user experience, publishing, and distribution.

Rethinking “Pixel Perfect” Web Design

Amit Sheen takes a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.

Top WordPress Plugins to Supercharge Your Site in 2026

🎨 Build Stunning Pages with Brizy – Drag-and-drop editor for responsive pages without coding. Comes with pre-made blocks, icons, and a White Label option for agencies.

🕒 Simplify Bookings with Amelia – Automate appointments and events with an intuitive interface, packages, and client-friendly design.

📊 Create Dynamic Tables & Charts with wpDataTables – Handle millions of rows with filtering, sorting, WooCommerce integration, and responsive layouts.

🌟 Level Up Visuals with Slider Revolution – Design stunning sliders, hero sections, and animations using 250+ templates and a visual editor.

✨ Build Modern Websites with LayerSlider - Create sliders, popups, rich animations and websites with effortless editing, and access to millions of visual assets.

🗺️ Interactive Maps with MapSVG – Build color-coded, data-driven maps with custom objects, filtering, and image attachments.

CSS Weekly on YouTube

► Chrome DevTools Elements Panel Tips & Tricks

In this guide, you’ll learn how to hide inspect element popups that sometimes obscure your view, how to work with CSS classes effectively, and how to keep interactive elements, such as dropdowns, from disappearing while DevTools are focused.

Watch video

► Automate Your Testing Workflows Using BrowserStack’s AI Agents

Find out how to use BrowserStack’s AI agents to automate your testing workflows. In this hands-on guide, you’ll see how to easily use the Test Case Generator Agent to turn user stories into detailed, structured test cases in seconds, and then convert those cases into automated tests with the Low-Code Authoring Agent.

Watch video

Articles & Tutorials

Animating Responsive Grid Layout Transitions with GSAP Flip

Iqbal Muthahhary explores how to use GSAP’s Flip plugin to animate dynamic grid layout changes, showing how grid items can resize and rearrange fluidly.

CSS in 2026: The New Features Reshaping Frontend Development

Jemima Abu shows how she replaced 150+ lines of JavaScript with just a few new CSS features.

View Transitions & Playing Video

Chris Coyier explores how to keep audio & video playing during a View Transition.

How to Favicon in 2026: Three files that fit most needs

Andrey Sitnik gives an exhaustive guide to favicons in 2025, including steps for static HTML and Webpack. TLDR: prefer SVG over PNG, trust browsers to downscale, drop obscure formats.

I Learned The First Rule of ARIA the Hard Way

Hashim Quraishi explains how semantic HTML does a lot more accessibility work than we usually give it credit for — and that ARIA is easy to abuse when we use it both as a shortcut and as a supplement.

Check page speed and Google Core Web Vitals for your website

DebugBear’s free website speed test delivers a comprehensive performance report for your website, based on custom-built analysis, Lighthouse scores, and Google CrUX metrics based on real visitor experience.

Diagnose page speed issues with tailored recommendations and a detailed network request waterfall that shows how different resources impact rendering progress.

Run A Free Website Speed Test