Logo
Login
Tech Posts 31382
100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Dev Blog A constructive and inclusive blog for software developers. With you every step of your journey.

Built with modern PHP and MySQL. Open source software that powers developer blogs and other inclusive communities.

Made with love and PHP. Dev Blog © 2024.

Should You Use Multiple Chevron SVG Images or Rotate a Single SVG Icon with CSS?

Adding a single chevron icon to the assets and rotating the others using CSS is a more efficient approach. This method optimizes performance by reducing the number of assets the browser needs to load....
26.03.2025 0 Read More

How to optimize SVG files for better use in projects?

We often come across large and complex SVG files full of redundancies, which can be a hassle. Fortunately, we can optimize this with SVGO, a tool that reduces the size of SVG files by removing unneces...
26.03.2025 0 Read More

Empowering Designers and Developers with Effortless Image Conversion

Empowering Designers and Developers with Effortless Image Conversion
In the fast-paced world of design and development, efficiency is everything. That's why I created a web app that transforms PNG images into SVG format with just a few clicks, simplifying what used to ...
30.03.2025 0 Read More

🎥 Design, animate, and export video with AI— all in SVG, in your browser

Hey folks 👋We’ve been building Framv — a motion-first design canvas built entirely around SVG, and it’s finally live in early access.You can design UIs, animate them on a timeline, and export...
10.04.2025 0 Read More

The Surprisingly Weird World of Favicons (And How to Survive It)

The Surprisingly Weird World of Favicons (And How to Survive It)
Not a year goes by without another "how to use favicon this year" article. Let's recap what has changed over the years: Favicons began as simple .ico files introduced by Microsoft with Internet Explor...
15.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

4 Ways to Include SVG in HTML and a11y consideration

Here are 4 common approaches for including SVGs in HTML, along with a sample examples, comparison tables and accessibility considerations: 1. Using ⛶type="image/svg+xml" data="icon.svg">...
25.04.2025 0 Read More

Animating Large SVGs in React Without Crashing Mobile Browsers

Animating complex SVGs in React can easily destroy mobile performance if you’re not careful. This guide shows a focused strategy to animate large SVG files smoothly using React with minimal CPU and ...
26.04.2025 0 Read More

Animating SVGs in React with the Native Web Animations API (No Libraries Needed)

While React libraries like Framer Motion are amazing, sometimes you want fine-grained control over SVG animations without adding extra dependencies. In this article, we’ll show how to animate SVG el...
26.04.2025 0 Read More
Loading...
#reading
I made a React Boilerplate, so you don't have to.
0
Terraform Dependencies: Implicit vs. Explicit Explained
0
Oracle to PostgreSQL Migration: A Comprehensive Guide
0
Top 5 Java GraphQL Client Libraries for Efficient API Consumption in 2023
0
5 Best Fivetran Alternatives for Streamlined Data Integration
0
#popular
Mastering OpenAI’s new Agents SDK & Responses API [Part 1]
0
Beginner's Guide to the Model Context Protocol (MCP)
0
What is Model Context Protocol (MCP): Explained in detail
0
A Step-by-Step Guide to Install DeepSeek-V3-0324 Locally
0
The Great AI Agent Protocol Race: Function Calling vs. MCP vs. A2A
0