CSS Grid Generator: Visual Layout Builder with Grid Areas

Free CSS grid generator: set columns, rows and gaps, drag to create named grid-template-areas, and copy clean CSS, HTML or Tailwind code.

https://markodenic.com/tools/css-grid-generator/

Truncate Text in CSS: text-overflow: ellipsis and line-clamp

Truncate text with an ellipsis in CSS: one line with text-overflow: ellipsis, several lines with line-clamp, and fixes for when the ellipsis doesn't show in flexbox, grid and tables.

https://markodenic.com/text-overflow-ellipsis/

CSS Progress Bar: Custom, Animated and Native

Copy-paste CSS progress bars: a custom progress bar, an indeterminate loading bar, a striped animated bar, and how to style the native HTML progress element.

https://markodenic.com/snippets/css/progress-bar/

Headless WordPress: What It Is, Pros and Cons, and How to Start

Headless WordPress explained: using WordPress as a content API with a Next.js, Astro or Nuxt front end. How the REST API and WPGraphQL work, the real pros and cons, and when it's worth it.

https://markodenic.com/headless-wordpress/

CSS radial-gradient(): Syntax and Examples

How CSS radial-gradient() works: circle vs ellipse, size keywords, position, color stops, repeating gradients, and copy-paste examples for glows, spotlights, dot patterns and vignettes.

https://markodenic.com/radial-gradient-css/

npm uninstall: How to Remove (and Update) npm Packages

How to uninstall npm packages: local, dev and global packages, several at once, everything in node_modules, finding unused dependencies, plus how to update all packages and the yarn and pnpm equivalents.

https://markodenic.com/npm-uninstall-package/

window.opener and target="_blank": The Tabnabbing Risk Explained

What window.opener is, how reverse tabnabbing attacks used target="_blank" links, why rel="noopener" fixes it, what browsers do by default today, and how popups like OAuth logins should communicate instead.

https://markodenic.com/window-opener/

How to Check and Update Your Node Version (Windows, Mac, Linux)

Check your Node.js version with node -v, then update it with nvm, fnm, winget, Homebrew or apt. Plus which version to run in late 2026 and how to pin it per project.

https://markodenic.com/check-node-version/

Gitignore Generator

Free .gitignore generator. Pick your stack (Node.js, Next.js, Laravel, WordPress, Python, Go and 35+ more), combine templates, add your own rules, then copy or download the file.

https://markodenic.com/tools/gitignore-generator/

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/

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/

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/

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/

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/

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/

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/

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/

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 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/

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/

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/