ASCII characters are not pixels: a deep dive into ASCII rendering
Using shape vectors to achieve sharp, high-quality ASCII art rendering in web graphics.
By Alex Harri17 Jan 2026HTTP Archive 2025 Web Almanac
An overview of the latest Web Almanac from HTTP Archive, offering valuable insights into web performance and trends for 2025.
By CSS-Tricks16 Jan 2026Zod + TypeScript: Schema Validation Made Easy
Understand the differences between TypeScript and Zod for type validation, and when to use each – especially considering runtime data validation needs.
By Frontend Masters16 Jan 2026“I Heart CSS” DailyDev Squad
A look at various ways to follow new content updates, highlighting the importance of RSS, social feeds, and community platforms for staying in the loop.
By CSS-Tricks16 Jan 2026Better defaults for popovers
A CSS trick for positioning popovers close to their trigger buttons using anchor positioning and feature queries, ensuring better alignment across browsers.
By Manuel Matuzovic16 Jan 2026The Missing Link for Web Components
Automate the generation of Custom Elements Manifests for your web components to enable better tooling support, like enhanced VS Code integrations.
By Frontend Masters15 Jan 2026What’s !important #3: Popover Context Menus, @scope, New Web Platform Features, and More
Highlights from early 2026: new browser releases, web platform features, and insightful articles shaping the developer community’s start to the year.
By CSS-Tricks15 Jan 2026Building a Scroll-Driven Dual-Wave Text Animation with GSAP
Exploring scroll-driven sine wave mathematics to create smooth, opposing wave text animations across dual columns, synchronized with image updates for a dynamic visual effect.
By Codrops15 Jan 2026Accessible faux-nested interactive controls
Nesting interactive controls like buttons and links is a accessibility no-no – causing usability issues. Awareness and education are key to avoiding this common mistake.
By Piccalilli15 Jan 2026Playing With CodePen slideVars
Introducing CodePen’s new slideVars feature, enabling interactive demos with real-time value adjustments directly within embedded UI panels.
By CSS-Tricks14 Jan 2026A Site for Sore Eyes: Combining GSAP and Webflow to Showcase Flim
Breaking down the technical decisions, animations, and interactions behind Flim, a GSAP-powered experience built in Webflow.
By Codrops14 Jan 2026Smashing Animations Part 8: Theming Animations Using CSS Relative Colour
Practical techniques for using CSS relative color values to theme and animate SVG graphics, supported widely now, as shared by designer Andy Clarke.
By Andy Clarke14 Jan 2026Workshop: Deep Dive on Accessibility Testing
Join a comprehensive workshop on web accessibility testing, covering tools, manual and automatic testing, screen readers, and testing SPAs for inclusive web experiences.
By Manuel Matuzovic13 Jan 2026Introducing the <geolocation> HTML element
A new approach to requesting user location data, streamlining privacy and user experience in web applications.
By developer.chrome.com13 Jan 2026`document.currentScript` is more useful than I thought.
Access the current `<script>` element within your scripts using `document.currentScript`, allowing dynamic configuration via HTML attributes.
By Frontend Masters13 Jan 2026Web Weekly #180 (#blogPost)
Explore the latest in web tech, from iterator helpers and scroll-triggered CSS animations to the Temporal API, along with insights from the recent HTML survey.
By Stefan Judis12 Jan 2026ARIA roles can remove their children’s semantics (#tilPost)
Exploring ARIA best practices reveals that using native HTML elements is preferable to adding ARIA roles. Misusing roles like role="menu" on navigation lists can cause confusion, as menus are meant for action-triggering overlays, not simple navigation. Proper semantics enhance accessibility and user experience.
By Stefan Judis12 Jan 2026Throttle individual network requests
Learn how to customize network requests in Chrome with URL blocking and resource-specific throttling, enhancing testing and debugging workflows.
By developer.chrome.com12 Jan 2026Obys’ Design Books: Turning a Reading List Into a Tactile Web Library
A case study on how Obys transformed book recommendations into an engaging, animated web library with tactile interactions.
By Codrops12 Jan 2026FedCM updates in Chrome 143
Chrome 143 updates the FedCM API to improve privacy and developer experience, with some changes not compatible with previous versions.
By developer.chrome.com12 Jan 2026How to Measure and Optimize React Performance
Discover strategies to measure React app performance, identify bottlenecks, and optimize your application's speed and responsiveness.
By DebugBear12 Jan 2026
Create a dynamic and interactive dual-column layout where text waves smoothly with scroll, synchronized with changing background images. Use HTML, CSS, and JavaScript to achieve this visually captivating effect. Optionally, incorporate native APIs or WebGL for enhanced animations and transitions, ensuring the experience is smooth and responsive across devices.
Why did the JavaScript developer go broke? Because he kept encountering NaN.