Tech with Marko
1.33K subscribers
10 photos
2 videos
283 links
Welcome to Tech with Marko! Join us to get the latest tech updates and learn about programming. We cover everything from basic coding tutorials to advanced tips. Perfect for all skill levels. Stay updated and enhance your skills!
Download Telegram
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/
🔥2
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/
🔥1
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/
🔥1
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/
❤2
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/
🔥1
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/
❤2
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/
🔥1
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/
🔥2
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/
🔥2
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/
❤1
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/
🔥1
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/
🔥1
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/
👏1