Marko Denic

Who's learning CSS? 👋 Here are a few tutorials for you: 1. CSS pulse animation markodenic.com/css-pulse-animation 2. Get started with CSS markodenic.com/css-tutorial 3. CSS Flexbox markodenic.com/css-flexbox 4. CSS line-height markodenic.com/css-line-height 5. CSS Tips markodenic.com/css-tips

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.

Thank me later. javascriptquiz.com.

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.

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.

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.

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.

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.

Stop wrapping search matches in <mark>. The CSS Custom Highlight API paints them instead: 1. Find the matches with a TreeWalker 2. Turn each one into a Range 3. CSS.highlights.set() Zero elements added. Every modern browser. markodenic.tech/highlight-s...

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.

Quickly and easily create a CSS grid layout for your website!

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.

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.

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.

Auto-growing textareas used to need JS that checks scrollHeight on every keystroke. Now it's 3 lines of CSS: textarea { field-sizing: content; min-height: 3lh; max-height: 10lh; } It grows as you type and starts scrolling after 10 lines.

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.

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.

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.

typeui.sh is an amazing design layer for AI coding agents! 1. Design skills 2. UI prompts 3. Works with Claude, Codex & Cursor Check it out!

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.

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.

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.

Debugging AI is the new moat.

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.

Built a little script that sends my Search Console numbers to Telegram every morning.

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.

Do you work less or more than before AI?

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.

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.

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.

Every post on my blog now has a Markdown version for AI agents. Add .md to any post URL and you get clean Markdown. No nav, no scripts, just the content. Fewer tokens, better answers. markodenic.com/discord-cod... Full index: markodenic.com/llms.txt

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.

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.

Just migrated freecodetools.org from Nuxt to Astro. Have to admit, Astro is amazing!

You have to check this out: 404s.design.

CSS ::before and ::after Pseudo-Elements (With Examples) How CSS ::before and ::after work: the content property, the difference between them, and practical examples like icons, custom bullets, overlays, tooltips and decorative shapes.

There has never been a better time to learn fundamentals!

Your AI feature isn't slow. It just waits for the last word before showing the first. Stream it instead: 1. Read response.body 2. Pipe it through TextDecoderStream 3. Append each chunk as it arrives 15 lines. No library. Every modern browser. Full code: markodenic.tech/stream-ai-a...

requestAnimationFrame Explained (With Examples) How requestAnimationFrame works in JavaScript: the animation loop, delta time for smooth motion on any screen, cancelAnimationFrame, throttling scroll handlers, and when to use CSS instead.

Most SEO advice is written for marketers. This one's for developers. 7 steps: crawl, index, content, rich results, speed, links, metrics. Plus what to skip and a free PDF. markodenic.com/seo-checkli...

SEO Checklist for Developers: What Actually Matters A practical SEO checklist for developers: get pages crawled, indexed, ranked and clicked. What Google actually uses, what to skip, and how to check it in Search Console.

How to Open a Link in a New Tab (HTML target=”_blank”) Open a link in a new tab with target="_blank": the HTML, rel="noopener noreferrer" and why it matters, JavaScript window.open(), accessibility, and when you shouldn't do it.

Fix “Cannot use import statement outside a module” in JavaScript Why you get "SyntaxError: Cannot use import statement outside a module" and how to fix it in the browser, Node.js, TypeScript and Jest, with the exact change for each case.

AI agents are guessing their way through your site. Fix it with 3 HTML attributes: 1. toolname 2. tooldescription 3. toolautosubmit Chrome turns your form into a tool agents call directly. Other browsers ignore it.

CSS Grid: grid-template-columns, fr and repeat() Explained Learn CSS Grid with live examples: grid-template-columns, the fr unit, repeat(), minmax(), auto-fill vs auto-fit, grid-template-areas and responsive grids without media queries.

Small update on markodenic.com: long posts now have a table of contents. • It's built from the post's headings, so I don't maintain it by hand. • It's a sticky sidebar on desktop and a collapsible box on mobile. See it in action: markodenic.com/http-status...

HTTP Status Codes: The Complete List, Explained Every HTTP status code you'll run into, explained in plain English: 200, 301, 302, 304, 400, 401, 403, 404, 429, 500, 502, 503 and more, plus which ones matter for SEO.

CSS calc(): How to Do Math in CSS (With Examples) How the CSS calc() function works: syntax, mixing units, full-height layouts, equal columns, CSS variables, clamp() and the common mistakes. With a live demo.

Bye bye @CodePen embeds 👋 Built my own live demo component instead. Faster, no iframes, and Google can read the code. markodenic.com/css-tips x.com/denicmarko/...

Call me old school, but if it's production code, I still read it. Who can relate?

CSS Text Stroke: How to Outline Text in CSS Add a stroke or outline to text with -webkit-text-stroke: hollow text, thick strokes with paint-order, hover fills, and the text-shadow alternative. With a live demo.