CSS scrollbar-gutter: Stop Layout Shift When the Scrollbar Appears
Stop your layout from jumping sideways when the scrollbar appears. One line of CSS, scrollbar-gutter: stable, reserves the space ahead of time.
https://markodenic.com/snippets/css/scrollbar-gutter/
Stop your layout from jumping sideways when the scrollbar appears. One line of CSS, scrollbar-gutter: stable, reserves the space ahead of time.
https://markodenic.com/snippets/css/scrollbar-gutter/
Marko Denic - Web Developer
CSS scrollbar-gutter: Stop Layout Shift When the Scrollbar Appears | Marko Denic
Stop your layout from jumping sideways when the scrollbar appears. One line of CSS, scrollbar-gutter: stable, reserves the space ahead of time.
👏1
JavaScript typeof Operator: Every Result and Its Quirks
How typeof works in JavaScript: the 8 possible results, the famous quirks (typeof null, arrays, NaN), checking for undefined safely, and the right way to test for arrays, null and objects.
https://markodenic.com/javascript-typeof/
How typeof works in JavaScript: the 8 possible results, the famous quirks (typeof null, arrays, NaN), checking for undefined safely, and the right way to test for arrays, null and objects.
https://markodenic.com/javascript-typeof/
Marko Denic - Web Developer
JavaScript typeof Operator: Every Result and Its Quirks - Marko Denic
How typeof works in JavaScript: the 8 possible results, the famous quirks (typeof null, arrays, NaN), checking for undefined safely, and the right way to test for arrays, null and objects.
🔥1
How to Serve Markdown to AI Agents (and Why)
Serve clean Markdown to AI agents with .md URLs and Accept: text/markdown content negotiation. Tested Node code, plus the caching trap to avoid.
https://markodenic.com/serve-markdown-to-ai-agents/
Serve clean Markdown to AI agents with .md URLs and Accept: text/markdown content negotiation. Tested Node code, plus the caching trap to avoid.
https://markodenic.com/serve-markdown-to-ai-agents/
Marko Denic - Web Developer
How to Serve Markdown to AI Agents (and Why) - Marko Denic
Serve clean Markdown to AI agents with .md URLs and Accept: text/markdown content negotiation. Tested Node code, plus the caching trap to avoid.
🔥1
Striped Backgrounds in CSS (Horizontal, Vertical, Diagonal)
Create striped backgrounds with pure CSS gradients: horizontal, vertical and diagonal stripes, pinstripes, zebra-striped tables and an animated striped progress bar. Copy-paste examples.
https://markodenic.com/css-striped-background/
Create striped backgrounds with pure CSS gradients: horizontal, vertical and diagonal stripes, pinstripes, zebra-striped tables and an animated striped progress bar. Copy-paste examples.
https://markodenic.com/css-striped-background/
Marko Denic - Web Developer
Striped Backgrounds in CSS (Horizontal, Vertical, Diagonal) - Marko Denic
Create striped backgrounds with pure CSS gradients: horizontal, vertical and diagonal stripes, pinstripes, zebra-striped tables and an animated striped progress bar. Copy-paste examples.
❤1
How to Add a Seasonal Theme to Your Website (Halloween Example)
Add a Halloween or holiday theme that turns itself on and off by date: a server-side date check, a CSS variable palette swap, decorations that stay out of the way, and reduced-motion support. With a live demo.
https://markodenic.com/seasonal-website-theme/
Add a Halloween or holiday theme that turns itself on and off by date: a server-side date check, a CSS variable palette swap, decorations that stay out of the way, and reduced-motion support. With a live demo.
https://markodenic.com/seasonal-website-theme/
Marko Denic - Web Developer
How to Add a Seasonal Theme to Your Website (Halloween Example) - Marko Denic
Add a Halloween or holiday theme that turns itself on and off by date: a server-side date check, a CSS variable palette swap, decorations that stay out of the way, and reduced-motion support. With a live demo.
🔥1
How to Make Text Italic in HTML (i vs em vs CSS)
Make text italic in HTML: when to use em, when to use i, the other tags that render in italics, the CSS font-style property, and how to remove italics. With examples.
https://markodenic.com/html-italics/
Make text italic in HTML: when to use em, when to use i, the other tags that render in italics, the CSS font-style property, and how to remove italics. With examples.
https://markodenic.com/html-italics/
Marko Denic - Web Developer
How to Make Text Italic in HTML (i vs em vs CSS) - Marko Denic
Make text italic in HTML: when to use em, when to use i, the other tags that render in italics, the CSS font-style property, and how to remove italics. With examples.
❤2
CSS Blur: Blur Text, Images and Backgrounds
Everything you can blur with CSS: images and elements with filter: blur(), frosted glass with backdrop-filter, blurred text and spoilers, and blurred background images without blurry edges.
https://markodenic.com/css-blur/
Everything you can blur with CSS: images and elements with filter: blur(), frosted glass with backdrop-filter, blurred text and spoilers, and blurred background images without blurry edges.
https://markodenic.com/css-blur/
Marko Denic - Web Developer
CSS Blur: Blur Text, Images and Backgrounds - Marko Denic
Everything you can blur with CSS: images and elements with filter: blur(), frosted glass with backdrop-filter, blurred text and spoilers, and blurred background images without blurry edges.
JavaScript Modulo (%): Remainder Operator Explained
How the % operator works in JavaScript: remainders, even and odd checks, why negative numbers give negative results, a true modulo function, and practical uses like wrapping indexes and time formatting.
https://markodenic.com/javascript-modulo/
How the % operator works in JavaScript: remainders, even and odd checks, why negative numbers give negative results, a true modulo function, and practical uses like wrapping indexes and time formatting.
https://markodenic.com/javascript-modulo/
Marko Denic - Web Developer
JavaScript Modulo (%): Remainder Operator Explained - Marko Denic
How the % operator works in JavaScript: remainders, even and odd checks, why negative numbers give negative results, a true modulo function, and practical uses like wrapping indexes and time formatting.
🔥2
Change Placeholder Color in CSS (::placeholder)
Change the placeholder text color with the ::placeholder pseudo-element: inputs and textareas, opacity in Firefox, focus states, and keeping it readable.
https://markodenic.com/snippets/css/placeholder-color/
Change the placeholder text color with the ::placeholder pseudo-element: inputs and textareas, opacity in Firefox, focus states, and keeping it readable.
https://markodenic.com/snippets/css/placeholder-color/
Marko Denic - Web Developer
Change Placeholder Color in CSS (::placeholder) | Marko Denic
Change the placeholder text color with the ::placeholder pseudo-element: inputs and textareas, opacity in Firefox, focus states, and keeping it readable.
❤1
CSS transform: translate, rotate, scale and transform-origin
How CSS transform works: translate, rotate, scale and skew, the individual translate/rotate/scale properties, why order matters, transform-origin, 3D transforms, and smooth animations.
https://markodenic.com/css-transform/
How CSS transform works: translate, rotate, scale and skew, the individual translate/rotate/scale properties, why order matters, transform-origin, 3D transforms, and smooth animations.
https://markodenic.com/css-transform/
Marko Denic - Web Developer
CSS transform: translate, rotate, scale and transform-origin - Marko Denic
How CSS transform works: translate, rotate, scale and skew, the individual translate/rotate/scale properties, why order matters, transform-origin, 3D transforms, and smooth animations.
🔥1
Agent memory is the new hot topic. Check this one out:
https://www.linkedin.com/feed/update/urn:li:activity:7523707481815019520/
https://www.linkedin.com/feed/update/urn:li:activity:7523707481815019520/
LinkedIn
An AI agent remembering a fact isn't enough. It also needs to understand when that fact changed.
Imagine an agent handling customer…
Imagine an agent handling customer…
An AI agent remembering a fact isn't enough. It also needs to understand when that fact changed.
Imagine an agent handling customer support. A customer updates their delivery preference three times. A basic memory system might retrieve all three versions…
Imagine an agent handling customer support. A customer updates their delivery preference three times. A basic memory system might retrieve all three versions…
🔥1
How to Revert to a Previous Commit in Git (Safely)
Go back to a previous commit in Git: git revert for pushed work, git reset --soft, --mixed and --hard for local commits, restoring one file, reverting merges, and recovering from mistakes with reflog.
https://markodenic.com/git-revert-to-commit/
Go back to a previous commit in Git: git revert for pushed work, git reset --soft, --mixed and --hard for local commits, restoring one file, reverting merges, and recovering from mistakes with reflog.
https://markodenic.com/git-revert-to-commit/
Marko Denic - Web Developer
How to Revert to a Previous Commit in Git (Safely) - Marko Denic
Go back to a previous commit in Git: git revert for pushed work, git reset --soft, --mixed and --hard for local commits, restoring one file, reverting merges, and recovering from mistakes with reflog.
❤1
Disabled Button Styles in CSS (:disabled)
Style disabled buttons with CSS: the :disabled pseudo-class, cursor and opacity, aria-disabled vs disabled, loading buttons, and accessible disabled states.
https://markodenic.com/snippets/css/disabled-button/
Style disabled buttons with CSS: the :disabled pseudo-class, cursor and opacity, aria-disabled vs disabled, loading buttons, and accessible disabled states.
https://markodenic.com/snippets/css/disabled-button/
Marko Denic - Web Developer
Disabled Button Styles in CSS (:disabled) | Marko Denic
Style disabled buttons with CSS: the :disabled pseudo-class, cursor and opacity, aria-disabled vs disabled, loading buttons, and accessible disabled states.
🔥1
How to Style an hr (Horizontal Rule) in CSS
Style the HTML hr element with CSS: change its color and thickness, make dashed, dotted and gradient lines, add text or an icon in the middle, and use it correctly as a thematic break.
https://markodenic.com/css-hr/
Style the HTML hr element with CSS: change its color and thickness, make dashed, dotted and gradient lines, add text or an icon in the middle, and use it correctly as a thematic break.
https://markodenic.com/css-hr/
Marko Denic - Web Developer
How to Style an hr (Horizontal Rule) in CSS - Marko Denic
Style the HTML hr element with CSS: change its color and thickness, make dashed, dotted and gradient lines, add text or an icon in the middle, and use it correctly as a thematic break.
🔥1
This si a free webinar on the state of developer experience in 2026. The line up is amazing.
Check it out!
https://x.com/denicmarko/status/2118676854689206622
Check it out!
https://x.com/denicmarko/status/2118676854689206622
X (formerly Twitter)
Marko Denic (@denicmarko) on X
AI can help you write code faster. But that doesn't mean your team is shipping faster.
According to Atlassian's 2026 State of DevEx Report, 87% of developers say AI helps them ship faster, but on…
According to Atlassian's 2026 State of DevEx Report, 87% of developers say AI helps them ship faster, but on…
🔥2
How to Install Git on Windows (Step by Step)
Install Git on Windows with winget or the installer, pick the right setup options, configure your name and email, connect to GitHub with SSH, and keep Git up to date.
https://markodenic.com/install-git-on-windows/
Install Git on Windows with winget or the installer, pick the right setup options, configure your name and email, connect to GitHub with SSH, and keep Git up to date.
https://markodenic.com/install-git-on-windows/
Marko Denic - Web Developer
How to Install Git on Windows (Step by Step) - Marko Denic
Install Git on Windows with winget or the installer, pick the right setup options, configure your name and email, connect to GitHub with SSH, and keep Git up to date.
❤1
EmDash CMS Tutorial: Build Your First Site
Get started with EmDash, Cloudflare's open-source TypeScript CMS built on Astro: create a site, publish a post, query content, deploy, and import from WordPress.
https://markodenic.com/emdash-cms/
Get started with EmDash, Cloudflare's open-source TypeScript CMS built on Astro: create a site, publish a post, query content, deploy, and import from WordPress.
https://markodenic.com/emdash-cms/
Marko Denic - Web Developer
EmDash CMS Tutorial: Build Your First Site - Marko Denic
Get started with EmDash, Cloudflare's open-source TypeScript CMS built on Astro: create a site, publish a post, query content, deploy, and import from WordPress.
🔥1