301 Redirects in .htaccess: Copy-Paste Examples
Every 301 redirect you'll need in .htaccess: single pages, folders, whole domains, HTTP to HTTPS, www to non-www, trailing slashes and regex patterns, plus testing them and doing it right in WordPress.
https://markodenic.com/htaccess-301-redirect/
Every 301 redirect you'll need in .htaccess: single pages, folders, whole domains, HTTP to HTTPS, www to non-www, trailing slashes and regex patterns, plus testing them and doing it right in WordPress.
https://markodenic.com/htaccess-301-redirect/
Marko Denic - Web Developer
301 Redirects in .htaccess: Copy-Paste Examples - Marko Denic
Every 301 redirect you'll need in .htaccess: single pages, folders, whole domains, HTTP to HTTPS, www to non-www, trailing slashes and regex patterns, plus testing them and doing it right in WordPress.
❤2
Neon Text Effect in CSS (Glowing Text)
Create glowing neon text with CSS text-shadow: a classic neon sign, a flickering neon animation and different neon colors. Copy-paste code.
https://markodenic.com/snippets/css/neon-text/
Create glowing neon text with CSS text-shadow: a classic neon sign, a flickering neon animation and different neon colors. Copy-paste code.
https://markodenic.com/snippets/css/neon-text/
Marko Denic - Web Developer
Neon Text Effect in CSS (Glowing Text) | Marko Denic
Create glowing neon text with CSS text-shadow: a classic neon sign, a flickering neon animation and different neon colors. Copy-paste code.
🔥1
How to Comment in HTML (Single-Line, Multi-Line and Shortcuts)
How to write comments in HTML with <!-- -->: single-line and multi-line comments, commenting out code, the keyboard shortcut, what you cannot put inside a comment, and comments in JSX, Vue and PHP.
https://markodenic.com/html-comments/
How to write comments in HTML with <!-- -->: single-line and multi-line comments, commenting out code, the keyboard shortcut, what you cannot put inside a comment, and comments in JSX, Vue and PHP.
https://markodenic.com/html-comments/
Marko Denic - Web Developer
How to Comment in HTML (Single-Line, Multi-Line and Shortcuts) - Marko Denic
How to write comments in HTML with <!-- -->: single-line and multi-line comments, commenting out code, the keyboard shortcut, what you cannot put inside a comment, and comments in JSX, Vue and PHP.
❤1🔥1
CSS Hamburger Menu: Icon, Animation and Accessible Toggle
Build a hamburger menu with CSS: the three-line icon, the animation to an X, a CSS-only toggle, the accessible button version with a few lines of JavaScript, and showing it only on mobile.
https://markodenic.com/css-hamburger-menu/
Build a hamburger menu with CSS: the three-line icon, the animation to an X, a CSS-only toggle, the accessible button version with a few lines of JavaScript, and showing it only on mobile.
https://markodenic.com/css-hamburger-menu/
Marko Denic - Web Developer
CSS Hamburger Menu: Icon, Animation and Accessible Toggle - Marko Denic
Build a hamburger menu with CSS: the three-line icon, the animation to an X, a CSS-only toggle, the accessible button version with a few lines of JavaScript, and showing it only on mobile.
How to Convert a String to a Number in JavaScript
Convert a string to a number in JavaScript with Number(), parseInt(), parseFloat() and unary plus. Which one to use, a comparison table of edge cases, and how to validate, handle BigInt and money.
https://markodenic.com/javascript-string-to-number/
Convert a string to a number in JavaScript with Number(), parseInt(), parseFloat() and unary plus. Which one to use, a comparison table of edge cases, and how to validate, handle BigInt and money.
https://markodenic.com/javascript-string-to-number/
Marko Denic - Web Developer
How to Convert a String to a Number in JavaScript - Marko Denic
Convert a string to a number in JavaScript with Number(), parseInt(), parseFloat() and unary plus. Which one to use, a comparison table of edge cases, and how to validate, handle BigInt and money.
🔥2
HTML blockquote: How to Quote Text (and Style It with CSS)
How to use the HTML blockquote element correctly: the cite attribute, attribution with figure and figcaption, inline quotes with q, and three ways to style a blockquote with CSS.
https://markodenic.com/html-blockquote/
How to use the HTML blockquote element correctly: the cite attribute, attribution with figure and figcaption, inline quotes with q, and three ways to style a blockquote with CSS.
https://markodenic.com/html-blockquote/
Marko Denic - Web Developer
HTML blockquote: How to Quote Text (and Style It with CSS) - Marko Denic
How to use the HTML blockquote element correctly: the cite attribute, attribution with figure and figcaption, inline quotes with q, and three ways to style a blockquote with CSS.
Flip an Image with CSS (Horizontally and Vertically)
Flip or mirror an image with CSS: horizontally with scaleX(-1), vertically with scaleY(-1), on hover, and the 3D card flip. One-line copy-paste code.
https://markodenic.com/snippets/css/flip-image/
Flip or mirror an image with CSS: horizontally with scaleX(-1), vertically with scaleY(-1), on hover, and the 3D card flip. One-line copy-paste code.
https://markodenic.com/snippets/css/flip-image/
Marko Denic - Web Developer
Flip an Image with CSS (Horizontally and Vertically) | Marko Denic
Flip or mirror an image with CSS: horizontally with scaleX(-1), vertically with scaleY(-1), on hover, and the 3D card flip. One-line copy-paste code.
🔥2
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