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 web developmenthow to stylefind in page
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 web developmentlegacy functions
https://www.stefanjudis.com/today-i-learned/interaction-media-queries-in-css/
Interaction media queries in CSS | Stefan Judis Web Development
Jun 30, 2018 - I learned about interaction media queries which help you to detect how hover capable a device is.
stefan judis web developmentmedia queriesinteractioncss
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 web development
Sponsored https://beeg.link/-0875001473686103?utm_campaign=LUX1946346584
Couple's Quickie in Socks After Nap Under Blanket
https://www.stefanjudis.com/today-i-learned/color-adjust-trumps-user-agent-setting-about-background-printing/
color-adjust trumps user agent setting about background printing | Stefan Judis Web Development
Jan 17, 2019 - The color adjust property can be used to control how user agents treat printed websites.
stefan judis web developmentuser agentcolor
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 web development
https://www.stefanjudis.com/today-i-learned/playwrights-cli-watch-mode/
Playwright has an experimental CLI watch mode | Stefan Judis Web Development
Jan 27, 2025 - As of 2025, Playwright ships a hidden and undocumented CLI watch mode to gather feedback. Still, if you want to automatically rerun your tests on the CLI, use...
stefan judis web developmentwatch modeplaywright
https://www.stefanjudis.com/today-i-learned/set-the-default-time-zone-in-node-js/
Set the default time zone in Node.js | Stefan Judis Web Development
Oct 20, 2024 - Use the `TZ` environment variable to set a timezone in Node.js.
stefan judis web developmenttime zone
https://www.stefanjudis.com/today-i-learned/hide-object-properties-with-javascript-symbols/
Hide object properties with JavaScript symbols | Stefan Judis Web Development
Aug 25, 2025 - Use JavaScript symbols to create
stefan judis web developmentobject propertieshidejavascriptsymbols
https://www.stefanjudis.com/today-i-learned/auto-margin-works-with-absolute-positioned-elements/
Auto-margin works with absolute positioned elements | Stefan Judis Web Development
Jul 14, 2024 - If you're defining absolute width or height for an absolute positioned element, you can use auto margin to lay out these elements.
stefan judis web developmentworks withautomarginabsolute
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 web developmentcss variablesfirefoxdevtoolshides
Sponsored https://beeg.link/-0580302245921172?utm_campaign=LUX1946346584
Latina Deepthroat and Cowgirl POV
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 web developmentnew incssrelativecolors
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 web developmenttopiccss
https://www.stefanjudis.com/today-i-learned/select-multiple-tabs-in-firefox-and-chrome/
Select multiple tabs in Firefox and Chrome | Stefan Judis Web Development
Sep 3, 2019 - Today I learned that you can select multiple tabs in Firefox and Chrome
stefan judis web developmentselect multiplein firefox
https://www.stefanjudis.com/today-i-learned/how-to-use-brace-expansion-to-spread-shell-command-arguments/
How to use brace expansion ({}) to spread shell command arguments | Stefan Judis Web Development
Apr 19, 2020 - Use {} to create mutliple arguments out of one argument in bash/zsh
stefan judis web developmenthow to usebrace expansion
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 web developmenttopicmacos
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 web developmentvs codetype checkingsupports
https://www.stefanjudis.com/today-i-learned/how-to-read-an-entire-document-using-voiceover/
How to read an entire document using VoiceOver | Stefan Judis Web Development
Apr 24, 2021 - Use ^⌥a to let VoiceOver automatically read an entire page/document.
stefan judis web developmenthow to read
https://www.stefanjudis.com/today-i-learned/the-macos-screenshot-area-is-draggable/
The macOS screenshot area is draggable | Stefan Judis Web Development
Mar 5, 2024 - Today I learned that you can drag the screenshot area in macOS
stefan judis web developmentmacosscreenshotareadraggable
https://www.stefanjudis.com/today-i-learned/navigate-shell-history-with-ctrl-keys/
Navigate your shell history with CTRL keys | Stefan Judis Web Development
Nov 3, 2024 - Use `ctrl+p` and `ctrl+n` to navigate your shell history without moving your hands off the primary keyboard position.
stefan judis web development
https://www.stefanjudis.com/
Developer, writer and speaker | Stefan Judis Web Development
I love building things for the web. And I love writing sharing things about the web.
stefan judis web developmentdeveloperwriterspeaker
https://www.stefanjudis.com/today-i-learned/how-to-preload-responsive-images-with-imagesizes-and-imagesrcset/
How to preload responsive images with imagesizes and imagesrcset | Stefan Judis Web Development
Jun 16, 2025 - Improve the loading of your responsive images by using link rel=
stefan judis web developmenthow toresponsive imagespreload
https://www.stefanjudis.com/today-i-learned/field-sizing-is-about-more-than-textareas/
field-sizing isn't only about growing textareas | Stefan Judis Web Development
Apr 19, 2026 - The new field-sizing CSS property allows inputs, selects and textareas to grow depending on their content.
stefan judis web development
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 web development
https://www.stefanjudis.com/writing-good-docs-and-technical-articles/
Writing good docs, blogs and technical articles | Stefan Judis Web Development
Resources to write outstanding and consistent documentation.
stefan judis web developmentgood docstechnical articleswriting
https://www.stefanjudis.com/notes/can-we-have-custom-media-queries-please/
Can we have custom media queries, please? | Stefan Judis Web Development
Mar 10, 2024 - CSS custom properties don't work in media queries. Custom media queries could help out here but unfortunately, they're not supported yet.
stefan judis web developmentcustom media
Sponsored https://beeg.link/-0904585287894863?utm_campaign=LUX1946346584
Stepdaughter's Discipline in Household Role-Play
https://www.stefanjudis.com/resources/
Resources | Stefan Judis Web Development
List of list of resource collection reaching from quotes over diversity and web development.
stefan judis web developmentresources
Sponsored https://beeg.link/-0497294068625627?utm_campaign=LUX1946346584
Cheerleader Impresses Soccer Team Before Final
https://www.stefanjudis.com/uses/
Things I use | Stefan Judis Web Development
The technology I use every day
stefan judis web developmentthingsuse
https://www.stefanjudis.com/topics/bash/
Topic: Bash | Stefan Judis Web Development
Overview of all posts, projects, talks and screencasts that deal with Bash
stefan judis web developmenttopicbash
https://www.stefanjudis.com/today-i-learned/forms-require-an-accessible-name/
Forms without an accessible name are not exposed as ARIA landmarks | Stefan Judis Web Development
Sep 2, 2025 - Forms without an accessible name won't expose a proper
stefan judis web development
https://www.stefanjudis.com/topics/graphql/
Topic: GraphQL | Stefan Judis Web Development
Overview of all posts, projects, talks and screencasts that deal with GraphQL
stefan judis web developmenttopicgraphql
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 web developmentjavascript classesstaticinitializationblocks
https://www.stefanjudis.com/talks/
Talks | Stefan Judis Web Development
Past talks from Stefan Judis
stefan judis web developmenttalks
https://www.stefanjudis.com/topics/accessibility/
Topic: Accessibility | Stefan Judis Web Development
Overview of all posts, projects, talks and screencasts that deal with Accessibility
stefan judis web developmenttopicaccessibility
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 web development
https://www.stefanjudis.com/today-i-learned/intl-can-localize-units-too/
Intl can localize units, too! | Stefan Judis Web Development
Apr 6, 2026 - `Intl.NumberFormat` supports localized currency and unit formating.
stefan judis web developmentintllocalizeunits
Sponsored https://beeg.link/-0779183986599781?utm_campaign=LUX1946346584
Public POV Hardcore: Blowjob, Deepthroat
https://www.stefanjudis.com/today-i-learned/input-elements-hold-references-to-their-labels/
Input elements hold references to their labels | Stefan Judis Web Development
Jan 15, 2024 - HTML input elements hold references to their labels if there are any
stefan judis web developmentinputelements
https://www.stefanjudis.com/today-i-learned/hard-css-gradients-can-be-shortened-to-not-include-redundant-values/
"Hard CSS gradients" can be shortened to not include redundant values | Stefan Judis Web Development
Dec 1, 2025 - The CSS images specification includes fixup rules which can be helpful to remove redundant values from CSS gradient definitions.
stefan judis web developmentcss gradients
https://www.stefanjudis.com/today-i-learned/there-is-an-mdn-short-url-to-access-the-docs/
There is an MDN short URL to access the docs | Stefan Judis Web Development
Jan 30, 2020 - MDN offers mdn.io to save this one hope to Google when looking for documentation
stefan judis web developmentaccess the docs
https://www.stefanjudis.com/projects/
Projects | Stefan Judis Web Development
GitHub projects owned and maintained by Stefan Judis
stefan judis web developmentprojects
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 web development
Sponsored https://beeg.link/-0311766823787844?utm_campaign=LUX1946346584
Stepsister accidentally gives Viagra
https://www.stefanjudis.com/today-i-learned/the-for-accessibility-required-caption-element-in-html-tables/
The for accessibility required `caption` element in HTML tables | Stefan Judis Web Development
Feb 10, 2025 - Today I learned about the `caption` element which is also required to pass WCAG 2.0.
stefan judis web developmenthtml tables
https://www.stefanjudis.com/today-i-learned/iterate-typescript-union-type/
How to iterate over TypeScript union types | Stefan Judis Web Development
Nov 23, 2025 - Use conditional types and the extends keyword to filter and transform union types.
stefan judis web developmenthow tounion typesiteratetypescript
https://www.stefanjudis.com/today-i-learned/array-from-has-a-second-argument/
Array.from has a second argument | Stefan Judis Web Development
Aug 20, 2023 - How to transform entries using Array.from and use it to perform an action X times
stefan judis web developmentarraysecondargument
Sponsored https://beeg.link/-0144554859327437?utm_campaign=LUX1946346584
Brazilian Anal Creampie with Tattoos
https://www.stefanjudis.com/notes/syntax-highlighted-template-strings-vs-code/
Syntax-highlighting for JS template strings in VS Code | Stefan Judis Web Development
Nov 15, 2025 - Two VS Code extensions to enable syntax highlighting of JS template strings.
stefan judis web developmentin vs codesyntax highlighting
Sponsored https://beeg.link/-0847255992711438?utm_campaign=LUX1946346584
Submissive in Hardcore Gangbang
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 web development
https://www.stefanjudis.com/today-i-learned/rerun-commands-with-the-r-command/
Rerun commands with the built-in "r" command | Stefan Judis Web Development
Feb 21, 2025 - Learn how to use the 'r' command to quickly rerun previous shell commands in your terminal.
stefan judis web developmentwith the
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 web development
Sponsored https://beeg.link/-0850393366426821?utm_campaign=LUX1946346584
Deep Throat and Creampie with Big Assets
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 web development
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 web developmentjson stringifytakestojsonmethods
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 web developmentremove backgrounds
https://www.stefanjudis.com/today-i-learned/the-scope-of-type-guards-and-assertion-functions/
The scope of type guards and assertion functions | Stefan Judis Web Development
Apr 4, 2026 - Learn about the difference between type guards and assertion functions.
stefan judis web developmentthe scope
https://www.stefanjudis.com/today-i-learned/downloads-can-be-triggered-via-http-headers/
Downloads can be triggered via HTTP headers | Stefan Judis Web Development
stefan judis web developmenthttp headers
https://www.stefanjudis.com/notes/notes-on-relying-on-the-aria-authoring-practices-guide/
Notes on relying on the ARIA Authoring Practices Guide | Stefan Judis Web Development
Feb 19, 2026 - Many people treat the ARIA Authoring Practices Guide (APG) as source of truth about building accessible websites and implementing accessible components and...
stefan judis web developmentauthoring practices guidenotes onthe aria
https://www.stefanjudis.com/today-i-learned/how-to-force-yourself-to-leave-the-computer-using-the-leave-command/
How to force yourself to leave the computer using the leave command | Stefan Judis Web Development
Dec 29, 2020 - The leave command can be used to set yourself alarms to leave the computer.
stefan judis web developmenthow tothe computer
Sponsored https://beeg.link/-0476374495687448?utm_campaign=LUX1946346584
Goth Girl's Intense Sex Date Encounter
https://www.stefanjudis.com/today-i-learned/how-to-log-javascript-stack-traces-using-console-trace/
How to log JavaScript stack traces and objects using console.trace | Stefan Judis Web Development
Feb 15, 2021 - Use console.trace to log function calls and JavaScript stack traces
stefan judis web developmenthow to
Sponsored https://beeg.link/-0630357502802144?utm_campaign=LUX1946346584
Friend Sets Up Gangbang to Forget Ex-Husband
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 web developmenton theautomatichyphenationdepends