Sponsor of the Day:
Jerkmate
https://www.stefanjudis.com/show-love/
💙 Show love | Stefan Judis Web Development
Learn how to support my newsletter and writing
stefan judis webshow lovedevelopment
https://www.stefanjudis.com/notes/new-in-css-relative-colors/
New in CSS: relative colors | Stefan Judis Web Development
Jun 15, 2024 - Learn how relative CSS colors enable color manipulations.
stefan judis webcss relativenewcolorsdevelopment
https://www.stefanjudis.com/today-i-learned/macos-offers-a-tool-to-remove-backgrounds-from-images/
macOS offers a tool to remove backgrounds from images | Stefan Judis Web Development
Feb 8, 2023 - Learn how to use macOS quick actions to remove backgrounds from images.
stefan judis webremove backgroundsmacosofferstool
https://www.stefanjudis.com/today-i-learned/how-to-quickly-perform-a-syntax-check-of-a-javascript-file/
How to quickly perform a syntax check of a JavaScript file | Stefan Judis Web Development
Jan 21, 2022 - The `--check` flag of the Node.js executable can be used to quickly check JavaScript files for syntax errors without executing them.
stefan judis webjavascript filequicklyperformsyntax
https://www.stefanjudis.com/today-i-learned/load-env-files-in-node-js-scripts/
Automatically load .env files in Node.js scripts | Stefan Judis Web Development
Jan 10, 2026 - Node.js supports a native way to load .env files programmatically now.
stefan judis webenv filesnode jsautomaticallyload
https://www.stefanjudis.com/today-i-learned/element-prototype-matches-can-be-used-to-check-if-an-element-includes-a/
Check if an element includes a certain class with "matches" | Stefan Judis Web Development
Mar 7, 2023 - I used classList.contains for years to figure out if an element contains a certain class but it turns our Element.matches does the job just fine.
stefan judis webcheckelementincludescertain
https://www.stefanjudis.com/today-i-learned/
TIL – Today I learned | Stefan Judis Web Development
List of short documented learnings all about web development
stefan judis webtiltodaylearneddevelopment
https://www.stefanjudis.com/today-i-learned/how-to-load-images-in-a-spreadsheet/
How to load images in a spreadsheet | Stefan Judis Web Development
Feb 2, 2025 - Use the `IMAGE()` function to load images in your spreadsheets.
stefan judis webload imagesspreadsheetdevelopment
https://www.stefanjudis.com/today-i-learned/rgba-and-hsla-are-legacy-and-aliases-in-modern-browsers/
rgba() and hsla() are legacy functions and aliases in modern browsers | Stefan Judis Web Development
Mar 7, 2023 - The CSS Color Module Level 4 spec made rgba() and hsla() legacy CSS color functions. They're now aliases for rgb() and hsl().
stefan judis webmodern browsersrgbahslalegacy
https://www.stefanjudis.com/topics/macos/
Topic: macOS | Stefan Judis Web Development
Overview of all posts, projects, talks and screencasts that deal with macOS
stefan judis webtopicmacosdevelopment
https://www.stefanjudis.com/today-i-learned/word-spacing-controls-the-gap-between-words/
word-spacing controls the gap between words | Stefan Judis Web Development
May 27, 2019 - The CSS propert word-spacing controls the space between words
stefan judis webword spacingcontrolsgapwords
https://www.stefanjudis.com/today-i-learned/section-accessible-name/
A "section" without an accessible name is nothing but a "div" | Stefan Judis Web Development
May 25, 2025 - Explore how to effectively implement the
stefan judis webaccessible namesectionwithoutnothing
https://www.stefanjudis.com/today-i-learned/how-to-style-find-in-page-substrings/
How to style the found search / "find in page" substrings | Stefan Judis Web Development
Feb 2, 2026 - Learn how to style matching
stefan judis webfound searchstylefindsubstrings
https://www.stefanjudis.com/today-i-learned/automatic-hyphenation-depends-on-the-defined-document-language/
Automatic hyphenation depends on the defined document language | Stefan Judis Web Development
Oct 12, 2021 - Ways to hyphenate words and how the document language affects automatic hyphenation.
stefan judis webdocument languageautomatichyphenationdepends
https://www.stefanjudis.com/today-i-learned/svgs-filters-can-be-inlined-in-css/
SVGs filters can be inlined in CSS | Stefan Judis Web Development
Jan 12, 2021 - Learn how to use SVG filters in your CSS files. Load filters from external files or inline them in your CSS files.
stefan judis websvgsfiltersinlinedcss
https://www.stefanjudis.com/today-i-learned/json-stringify-takes-tojson-methods-into-consideration/
JSON.stringify takes toJSON methods into consideration | Stefan Judis Web Development
Sep 15, 2024 - When serializing objects a toJSON method can be used to change the output of JSON.stringify
stefan judis webjson stringifytakestojsonmethods
https://www.stefanjudis.com/today-i-learned/static-initialization-blocks-in-javascript-classes/
Static initialization blocks in JavaScript classes | Stefan Judis Web Development
Jun 22, 2025 - Run code whenever a JavaScript class is parsed using static initialization blocks.
stefan judis webstaticinitializationblocksjavascript
https://www.stefanjudis.com/notes/firefox-devtools-unreferenced-css-variables/
Firefox DevTools hides unreferenced CSS variables | Stefan Judis Web Development
Jan 10, 2026 - Since Firefox 145, DevTools hide unused custom properties.
stefan judis webfirefox devtoolscss variableshidesunreferenced
https://www.stefanjudis.com/today-i-learned/vs-code-supports-jsdoc-powered-type-checking/
VS Code supports JSDoc-powered type checking | Stefan Judis Web Development
Mar 15, 2022 - Learn how to enable JSDoc block based type checking in your JavaScript codebase.
stefan judis webvs codetype checkingsupportsjsdoc
https://www.stefanjudis.com/notes/say-goodbye-to-resource-caching-across-sites-and-domains/
Say goodbye to resource-caching across sites and domains | Stefan Judis Web Development
Jan 8, 2025 - A look-back at caching strategies from the past; with recent changes in Chrome's and Safari's caching strategies, there is no caching benefit from using...
stefan judis websay goodbyeacross sitesresourcecaching
https://www.stefanjudis.com/today-i-learned/inset-is-a-shorthand-for-top-right-bottom-and-left/
inset – the shorthand for top, right, bottom and left CSS properties | Stefan Judis Web Development
Dec 22, 2021 - The logical inset property in CSS is a shorthand for the top, right, bottom and left CSS declarations.
stefan judis webtop rightleft cssinsetshorthand
https://www.stefanjudis.com/blog/hwb-a-color-notation-for-humans/
hwb() – a color notation for humans? | Stefan Judis Web Development
Apr 29, 2022 - A look at the upcoming `hwb()` CSS color notation.
stefan judis webhwbcolornotationhumans
https://www.stefanjudis.com/snippets/a-picture-element-to-load-correctly-resized-webp-images-in-html/
A picture element to load correctly resized webp images in HTML | Stefan Judis Web Development
May 25, 2021 - A `picture` element snippet to load properly resized responsive webp images in browsers that support them.
stefan judis webpicture elementwebp imagesloadcorrectly
https://www.stefanjudis.com/today-i-learned/the-output-html-element-is-an-aria-live-region/
The output HTML element is an aria-live region | Stefan Judis Web Development
Mar 16, 2021 - The output HTML element is an ARIA live region by default.
stefan judis webhtml elementaria liveoutputregion
https://www.stefanjudis.com/today-i-learned/forbidden-headers-cant-be-set-in-fetch-requests/
Forbidden headers can't be set in "fetch" requests | Stefan Judis Web Development
Apr 6, 2026 - Learn about forbidden request headers that can't be set or overwritten.
stefan judis webforbidden headerssetfetchrequests
https://www.stefanjudis.com/today-i-learned/datalist-elements-can-have-values/
Datalist elements can have values and labels | Stefan Judis Web Development
May 17, 2019 - You can define datalist elements to enable auto-completion for input fields
stefan judis webdatalistelementsvalueslabels
https://www.stefanjudis.com/projects/
Projects | Stefan Judis Web Development
GitHub projects owned and maintained by Stefan Judis
stefan judis webprojectsdevelopment
https://www.stefanjudis.com/topics/css/
Topic: CSS | Stefan Judis Web Development
Overview of all posts, projects, talks and screencasts that deal with CSS
stefan judis webtopiccssdevelopment
https://www.stefanjudis.com/today-i-learned/keyboard-button-clicks-with-space-and-enter-behave-differently/
Keyboard button clicks with Space and Enter behave differently | Stefan Judis Web Development
Jan 9, 2024 - Space and Enter keys trigger button click events. Surprisingly, they both fire at different times.
stefan judis webbutton clickskeyboardspaceenter