Efecto: Building Real-Time ASCII and Dithering Effects with WebGL Shaders
Discover how real-time shaders breathe life into classic image algorithms and CRT-inspired visuals on the web, blending nostalgia with modern graphics techniques.
By Codrops04 Jan 202621 Lessons From 14 Years at Google
Insights from 14 years at Google reveal what truly matters in engineering – beyond just writing great code, focusing on impactful practices and long-term thinking.
By Addy Osmani03 Jan 2026A ready-to-use diff component (#note)
Discover @pierre/diffs, an open-source diff and code rendering library built on Shiki. With customizable features, React and Vanilla JS support, and server-side rendering, it’s a promising tool for enhancing code visualization and documentation.
By Stefan Judis02 Jan 2026A first look at the Web Install API
The Web Install API has entered Origin Trial in Chromium, with promising progress in Microsoft Edge beta – an exciting step toward easier web app installation.
By Frontend Masters02 Jan 2026The future of agentic coding: conductors to orchestrators
AI coding assistants are now essential tools for most developers, transforming the way software is built. A new development paradigm is emerging, reshaping coding workflows and collaboration in the software industry.
By Addy Osmani02 Jan 2026!important and CSS Custom Properties
Clarifying CSS: the `!important` declaration applies to the entire rule, not just the value, ensuring higher specificity for style overrides.
By Frontend Masters01 Jan 2026Preserve State While Moving Elements in the DOM
JavaScript’s `Node.prototype.moveBefore` offers a powerful way to reorder DOM elements without losing their state, keeping event listeners and animations intact.
By Frontend Masters31 Dec 20252026 deserves proactive accessibility governance
Proper processes and governance are key to preventing regressions, especially in accessibility, where fixing bugs can inadvertently introduce new issues.
By Bogdan Cerovac31 Dec 2025What’s !important #2: Conditional View Transitions, CSS/SVG Text Effects, the Best of CSS Bluesky, and More
Recap the latest CSS highlights from the past two weeks – conditional view transitions, SVG text effects, CSS Bluesky updates, and more, as we gear up for 2026.
By CSS-Tricks31 Dec 2025How To Design For (And With) Deaf People
Essential UX tips for designing inclusive experiences for 466 million people with hearing loss, complemented by friendly video courses on smart interface design patterns.
By Vitaly Friedman30 Dec 2025How I Write Custom Elements with lit-html
Use a subset of Lit to build web components with Light DOM, leveraging core features while maintaining simplicity and flexibility.
By Frontend Masters29 Dec 2025Frequency Breathwork: Translating the Invisible Rhythm of Breath into Digital Form
Explore how concept, motion, sound, and code merge to create a website that not only presents breathwork but embodies the experience itself.
By Codrops29 Dec 2025The Efficiency Paradox: Why Making Software Easier to Write Means We'll Write Exponentially More
Making software development easier often leads to exponential growth in output. History shows that increased efficiency uncovers under-invested knowledge work, revealing new opportunities and challenges in managing the expanding scope.
By Addy Osmani29 Dec 2025
Create a dynamic, interactive LED matrix display using HTML, CSS, and JavaScript. The challenge is to allow the user to draw and animate patterns, with the option to save and load their designs. Utilizing the Canvas API, focus on creating smooth animations and an intuitive user interface. Bonus: Implement a feature that allows users to export their animations as GIFs.
Why did the JavaScript developer keep running into walls? Because they couldn't handle promises correctly!