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
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/
🔥1
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/
❤1🔥1
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/
🔥2
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/
🔥2
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/
👏1
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/
🔥1
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/
🔥1
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/
❤1
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/
🔥1
How to Make Text Italic in HTML (i vs em vs CSS)

Make text italic in HTML: when to use em, when to use i, the other tags that render in italics, the CSS font-style property, and how to remove italics. With examples.

https://markodenic.com/html-italics/
❤2
CSS Blur: Blur Text, Images and Backgrounds

Everything you can blur with CSS: images and elements with filter: blur(), frosted glass with backdrop-filter, blurred text and spoilers, and blurred background images without blurry edges.

https://markodenic.com/css-blur/
JavaScript Modulo (%): Remainder Operator Explained

How the % operator works in JavaScript: remainders, even and odd checks, why negative numbers give negative results, a true modulo function, and practical uses like wrapping indexes and time formatting.

https://markodenic.com/javascript-modulo/
🔥2
Change Placeholder Color in CSS (::placeholder)

Change the placeholder text color with the ::placeholder pseudo-element: inputs and textareas, opacity in Firefox, focus states, and keeping it readable.

https://markodenic.com/snippets/css/placeholder-color/
❤1
CSS transform: translate, rotate, scale and transform-origin

How CSS transform works: translate, rotate, scale and skew, the individual translate/rotate/scale properties, why order matters, transform-origin, 3D transforms, and smooth animations.

https://markodenic.com/css-transform/
🔥1
How to Revert to a Previous Commit in Git (Safely)

Go back to a previous commit in Git: git revert for pushed work, git reset --soft, --mixed and --hard for local commits, restoring one file, reverting merges, and recovering from mistakes with reflog.

https://markodenic.com/git-revert-to-commit/
❤1
Disabled Button Styles in CSS (:disabled)

Style disabled buttons with CSS: the :disabled pseudo-class, cursor and opacity, aria-disabled vs disabled, loading buttons, and accessible disabled states.

https://markodenic.com/snippets/css/disabled-button/
🔥1
How to Style an hr (Horizontal Rule) in CSS

Style the HTML hr element with CSS: change its color and thickness, make dashed, dotted and gradient lines, add text or an icon in the middle, and use it correctly as a thematic break.

https://markodenic.com/css-hr/
🔥1