Tag: illustrator

6 Common SVG Fails (and How to Fix Them)

Someone recently asked me how I approach debugging inline SVGs. Because it is part of the DOM, we can inspect any inline SVG in any browser DevTools. And because of that, we have the ability to scope things out and … 6 Common SVG Fails (and How to Fix Them) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading 6 Common SVG Fails (and How to Fix Them)

COLRv1 and CSS font-palette: Web Typography Gets Colorful

According to Toshi Omagari, the author of Arcade Game Typography, the world’s first multi-colored digital font was created in 1982 for a never-released video game called Insector. Multi-colored fonts, sometimes called chromatic type, are still relatively rare on the … COLRv1 and CSS font-palette: Web Typography Gets Colorful originally published on CSS-Tricks. You should get the newsletter. ...
Continue Reading COLRv1 and CSS font-palette: Web Typography Gets Colorful

SVGcode for “Live Tracing” Raster Images

Say you have a bitmap graphic — like a JPG, PNG, or GIF — and you wish it was vector, like SVG. What do you do? You could trace it yourself in some kind of design software. Or tools within … SVGcode for “Live Tracing” Raster Images originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading SVGcode for “Live Tracing” Raster Images

How to Make CSS Slanted Containers

I was updating my portfolio and wanted to use the forward slash (/) as a visual element for the site’s main layout. I hadn’t attempted to create a slanted container in CSS before, but it seemed like it … How to Make CSS Slanted Containers originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading How to Make CSS Slanted Containers

What is an SVG File Used For and Why Developers Should be Using Them

The adoption and adaptation of SVGs is without a doubt one of my favorite things to happen to the design and developer community in recent years. As a designer, they… Read more The post What is an SVG File Used For and Why Developers Should be Using Them appeared first on Delicious Brains. ...
Continue Reading What is an SVG File Used For and Why Developers Should be Using Them

How to use SVG Images in Web Development

SVG or Scalable Vector Graphics is a popular image format based on vector graphics primarily written in XML. They are gaining high popularity currently in web designing due to many of the advantages provided by them. SVGs are primarily used in web design. They are more powerful than any of the image formats available for the web because of the ability to be manipulated using CSS and Javascript. ...
Continue Reading How to use SVG Images in Web Development