Stefan Judis is a frontend developer who shares little-known web development tips and tricks, learning in public and publishing hundreds of concise insights from real-world frontend and JavaScript development.
16 articles from this blog
Web Weekly #182 covers new web platform features like the Navigation API, CSS highlight pseudo-elements, and custom invoker commands.
Learn how to use the new CSS ::search-text and ::search-text:current pseudo-elements to style 'find in page' search results in Chrome.
Explains how misusing ARIA roles like 'menu' can strip semantic meaning from child elements, harming accessibility.
A developer compares a paid Mac cleaning tool to a free, open-source CLI alternative called Mole for freeing up disk space.
Firefox DevTools now hides unused CSS variables to reduce clutter and improve debugging workflow for developers.
Explains Node.js's new built-in loadEnvFile() method for loading .env files, replacing the need for the dotenv package.
Introduces @pierre/diffs, a new open-source library for rendering code diffs with syntax highlighting, built on Shiki.
Explains how to properly detect browser support for the new View Transition Types API in web development, highlighting a common pitfall.
Simon Willison critiques the trend of developers submitting untested, AI-generated code, arguing it shifts the burden of real work to reviewers.
Explains the differences between the CSS light-dark() function and prefers-color-scheme media queries, highlighting key implementation requirements.
Explores three CSS snippets for conditionally applying border-radius to prevent visual issues when elements touch viewport edges.
Learn how to officially deprecate methods in Node.js libraries using the built-in `util.deprecate` function to provide runtime warnings.
How to trigger Raycast's confetti animation from the command line using a custom shell script and the raycast:// protocol.
How to enable syntax highlighting for CSS and HTML inside JavaScript template strings in VS Code using specific comments and extensions.
Explains how to use the SVG pathLength attribute to simplify CSS animations for drawing SVG paths, eliminating the need for JavaScript to calculate lengths.
Chrome is testing a new split view feature for side-by-side tabs, accessible via an experimental flag.
