Search | Virtuala FansOnly

Luka Matijević added blog Coding
2025-05-31 20:21:42 -

Better CSS Shapes Using shape() — Part 1: Lines and Arcs
Better CSS Shapes Using shape() — Part 1: Lines and Arcs | CSS-Tricks Creating CSS Shapes is a classic and one of my favorite exercise. Indeed, I have one of the biggest collections of CSS Shapes from where you can easily copy the code of any shape. I also wrote an extensive guide on how to create them: The Modern Guide For Making CSS Shapes. Even if I have detailed...

0 Comments 0 Shares 940 Views

Please log in to like, share and comment!
Luka Matijević added blog Coding
2025-05-31 20:21:41 -

Better CSS Shapes Using shape() — Part 2: More on Arcs
Better CSS Shapes Using shape() — Part 2: More on Arcs | CSS-Tricks Ready for the second part? We are still exploring the shape() function, and more precisely, the arc command. I hope you took the time to digest the first part because we will jump straight into creating more shapes! As a reminder, the shape() function is only supported in Chrome 137+ and Safari 18.4+...

0 Comments 0 Shares 1K Views

Please log in to like, share and comment!
Ole David added blog Art
2026-01-08 14:05:28 -

JavaScript, CSS, SEO, web development, link optimization, usability, web design, JavaScript techniques, CSS tricks

## Introduction

In the ever-evolving landscape of web development, optimizing your website for both usability and search engine performance is crucial. One effective technique that developers can utilize is extending links from an element to one of its parent elements. This approach not only enhances user experience but also aligns with SEO best practices. In this article, we will...

JavaScript, CSS, SEO, web development, link optimization, usability, web design, JavaScript techniques, CSS tricks ## Introduction In the ever-evolving landscape of web development, optimizing your website for both usability and search engine performance is crucial. One effective technique that developers can utilize is extending links from an element to one of its parent elements. This approach not only enhances user experience but also aligns with SEO best practices. In this article, we will...

Extending Links in JavaScript (or CSS): A Practical Guide for Developers
JavaScript, CSS, SEO, web development, link optimization, usability, web design, JavaScript techniques, CSS tricks ## Introduction In the ever-evolving landscape of web development, optimizing your website for both usability and search engine performance is crucial. One effective technique that developers can utilize is extending links from an element to one of its parent elements. This...

0 Comments 0 Shares 67 Views

Please log in to like, share and comment!
Luka Matijević added blog Coding
2025-05-31 20:21:45 -

Scroll-Driven Animations Inside a CSS Carousel
Scroll-Driven Animations Inside a CSS Carousel | CSS-Tricks I was reflecting on what I learned about CSS Carousels recently. There’s a lot they can do right out of the box (and some things they don’t) once you define a scroll container and hide the overflow. Hey, isn’t there another fairly new CSS feature that works with scroll regions? Oh yes, that’s Scroll-Driven...

0 Comments 0 Shares 905 Views

Please log in to like, share and comment!
Luka Matijević added blog Coding
2025-05-31 20:21:43 -

SVG to CSS Shape Converter
SVG to CSS Shape Converter | CSS-Tricks Shape master Temani Afif has what might be the largest collection of CSS shapes on the planet with all the tools to generate them on the fly. There’s a mix of clever techniques he’s typically used to make those shapes, many of which he’s covered here at CSS-Tricks over the years. Some of the more complex shapes were commonly...

0 Comments 0 Shares 717 Views

Please log in to like, share and comment!
Luka Matijević added blog Coding
2025-05-31 20:21:41 -

What We Know (So Far) About CSS Reading Order
What We Know (So Far) About CSS Reading Order | CSS-Tricks The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order of elements. You’d use them to make the focus order of focusable elements match the visual order, as outlined in the...

1

0 Comments 0 Shares 771 Views

Please log in to like, share and comment!