CSS Blob Shape: Organic Blobs with border-radius

Make organic blob shapes with pure CSS using the 8-value border-radius trick, plus an animated morphing blob and gradient blobs for backgrounds.

https://markodenic.com/snippets/css/blob-shape/

I'm co-organizing a Hackathon. Nice prizes, open to everyone.

Check it out!
https://x.com/denicmarko/status/2110065561829069035

How to Send Code Blocks in Discord (With Syntax Highlighting)

Send code in Discord the right way: inline code, multi-line code blocks, syntax highlighting for JavaScript, Python, CSS and more, colored text with diff, and what to do with code that's too long.

https://markodenic.com/discord-code-block/

Is HTML a Programming Language? (And What About CSS?)

Is HTML a programming language? No, it's a markup language. Here's what that means, how HTML, CSS and JavaScript differ, why CSS is a closer call, and why the label doesn't matter for your career.

https://markodenic.com/is-html-a-programming-language/

CSS Wave Shape: Wavy Section Dividers and Backgrounds

Create wave shapes in CSS: a wavy section divider with an inline SVG, a pure CSS scalloped edge with radial-gradient, and an animated wave. Copy-paste examples.

https://markodenic.com/snippets/css/wave-shape/

CSS !important: What It Does and When to Use It

What !important does in CSS, how it beats specificity, how to override an !important rule, how it works with cascade layers and JavaScript, and better alternatives for most cases.

https://markodenic.com/css-important/

URLSearchParams: Read and Update URL Query Parameters in JavaScript

How to use URLSearchParams in JavaScript: get, set, append and delete query parameters, read the current URL, update it without reloading, build fetch URLs, and avoid the common gotchas.

https://markodenic.com/urlsearchparams/

BEM in CSS: Block, Element, Modifier Naming Explained

BEM (Block, Element, Modifier) explained with a real example: the naming rules, how to handle nested elements and modifiers, BEM with Sass, common mistakes, and BEM vs Tailwind and CSS Modules.

https://markodenic.com/bem-css/

Hide Scrollbar in CSS (and Style a Custom Scrollbar)

Hide the scrollbar with CSS while keeping scrolling, hide it completely, hide only the horizontal one, prevent layout shift with scrollbar-gutter, and style a custom scrollbar in every browser.

https://markodenic.com/hide-scrollbar-css/

Will AI Replace Programmers? What's Actually Changing

Will AI replace programmers? Not the job, but parts of the work. What the data shows, which tasks AI handles, who is most exposed, and what developers can do now.

https://markodenic.com/will-ai-replace-programmers/

JavaScript Reserved Words: The Complete List of Keywords

The full list of JavaScript reserved words and keywords, the extra ones reserved in strict mode and modules, words that are only special in context, and the errors you get when you use them as names.

https://markodenic.com/javascript-reserved-words/

Pure CSS Tabs (No JavaScript)

Build tabs with pure CSS and no JavaScript, using radio buttons and :checked, plus the accessible version with buttons and a few lines of JavaScript.

https://markodenic.com/snippets/css/pure-css-tabs/

CSS Class Selector: Single, Multiple and Combined Classes

How CSS class selectors work: adding multiple classes to an element, .a.b vs .a .b vs .a, .b, class vs id, naming rules, specificity, and adding or removing classes with JavaScript.

https://markodenic.com/css-class-selector/

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/