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.
23 articles from this blog
Web Weekly #190 covers CSS image-set, variable fonts, accessibility tips, and tech humor including running Firefox with 84k extensions.
A tech newsletter covering web development topics like sizes="auto", bfcache issues, lazy loading videos, and MDN's React-free rebuild.
A weekly newsletter covering CSS sticky spec changes, JavaScript 2026 features, TypeScript assertion functions, and tech tools like pretext.
Learn how to use Intl.NumberFormat to localize currencies and units in JavaScript with examples.
Explains the difference between TypeScript type guards and assertion functions with code examples.
Weekly web development newsletter covering Chrome soft navigations, Firefox setHTML, CSS centering, UX laws, and code golfing.
Explains how browsers handle newlines and tabs in URLs according to the WHATWG spec, removing them to make links work.
Learn how to use the new CSS ::search-text and ::search-text:current pseudo-elements to style 'find in page' search results in Chrome.
Web Weekly #182 covers new web platform features like the Navigation API, CSS highlight pseudo-elements, and custom invoker commands.
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.
How to enable syntax highlighting for CSS and HTML inside JavaScript template strings in VS Code using specific comments and extensions.
Learn how to officially deprecate methods in Node.js libraries using the built-in `util.deprecate` function to provide runtime warnings.
