Tech with Marko

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/

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/

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/

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/

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/

I'm co-organizing a Hackathon. Nice prizes, open to everyone. Check it out! https://x.com/denicmarko/status/2110065561829069035

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/

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. https://markodenic.com/css-before-after/

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. https://markodenic.com/requestanimationframe/

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. https://markodenic.com/seo-checklist-for-developers/

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. https://markodenic.com/open-link-in-new-tab/

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. https://markodenic.com/cannot-use-import-statement-outside-a-module/

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. https://markodenic.com/css-grid/

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. https://markodenic.com/http-status-codes/

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. https://markodenic.com/css-calc/

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. https://markodenic.com/css-text-stroke/

New article! Position Absolute vs Relative in CSS CSS position absolute vs relative, explained with a live demo: how each one moves an element, what the "nearest positioned ancestor" is, and the relative parent, absolute child pattern. https://markodenic.com/position-absolute-vs-relative/

This is a good report. You can check it on the link I shared in the post: https://www.linkedin.com/feed/update/urn:li:activity:7510280869157363713/

This is a good report. You can check it on the link I shared in the post: https://x.com/denicmarko/status/2104514094241886483

Check this out. You'll love it: https://x.com/denicmarko/status/2101907982376481273