#css Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

WCAG: Empty Links

The European Union has implemented new accessibility regulations with a compliance deadline of June 28th, 2025. Many companies are proactively taking steps to meet these standards to avoid penalties a...

17.04.2025 0 Read More

CSS Eggs: The New Batch

For the past few years I've made CSS Easter eggs. See my CSS Tips Series for links to earlier articles. A couple years ago, I joked that eggs were too expensive to be lost in the yard on a Easter Egg ...

17.04.2025 0 Read More

How to Create SVG-Based Animations with CSS and JavaScript for Interactive Graphics

SVG (Scalable Vector Graphics) is an incredibly powerful format for rendering resolution-independent graphics on the web. When combined with CSS and JavaScript, you can create impressive, lightweight ...

17.04.2025 0 Read More

How to Apply Blur, Shadow, and Color Effects to Images Using SVG Filters

Want to add advanced visual effects like blur, shadows, or grayscale to images and HTML elements without relying on JavaScript or external libraries? SVG filters provide a native, high-performance sol...

18.04.2025 0 Read More

How to Optimize CSS for Faster Page Load and Better Performance

Bloated CSS files can slow down your site, increase load times, and hurt your SEO and user experience. Whether you’re building a large app or a simple site, optimizing your CSS is a crucial step tow...

18.04.2025 0 Read More

How to Use View Transitions API for Seamless Page Animations in Modern Browsers

The View Transitions API is a new web platform feature that enables seamless, native-like page transitions on the web. This API is now available in Chrome and other Chromium-based browsers as of 2023 ...

18.04.2025 0 Read More

11 Must-Know GitHub Repositories to Learn CSS

In this post, I’ll share the 11 best GitHub repositories to learn CSS, covering everything from fundamentals to advanced layouts, architecture, and best practices.Before we get started, don’t forg...

18.04.2025 0 Read More

Introduction to HTML: What, Why, and How?

What is HTML? HTML, or HyperText Markup Language, is the foundational language of the web. It defines the structure and layout of web pages by using a system of tags and attributes. HyperTex...

19.04.2025 0 Read More

The Evolution of HTML: From HTML 1.0 to HTML 5.3

Introduction HTML has not always been what it is today. What started as a simple language to link documents has evolved into a powerful tool capable of building rich, interactive, and accessi...

19.04.2025 0 Read More

Setting Up Your First HTML Project (Without Any Framework)

Introduction Before diving into libraries, frameworks, or complex tooling, it's essential to understand how to set up a pure HTML project from scratch. No React, no Bootstrap, no heavy tools ...

19.04.2025 0 Read More

WCAG: Empty Links

CSS Eggs: The New Batch

How to Create SVG-Based Animations with CSS and JavaScript for Interactive Graphics

How to Apply Blur, Shadow, and Color Effects to Images Using SVG Filters

How to Optimize CSS for Faster Page Load and Better Performance

How to Use View Transitions API for Seamless Page Animations in Modern Browsers

11 Must-Know GitHub Repositories to Learn CSS

Introduction to HTML: What, Why, and How?

The Evolution of HTML: From HTML 1.0 to HTML 5.3

Setting Up Your First HTML Project (Without Any Framework)

#reading

#popular