Web Design
98 articles

A blurry PNG usually traces back to the export width, not the conversion itself. Converting SVG to PNG means rendering the vector at a…

SVG and PNG differ in what the file actually holds. Open an SVG and you find XML text that describes shapes and paths, which…

Converting a PNG to SVG means tracing it. A vector editor or online tool reads the pixels and redraws the shapes as paths, which…

Nothing inside a canvas animation is a real object. The browser holds one bitmap, JavaScript wipes it and paints it again on every frame,…

A keyframe saves what an element looks like at one moment of an animation. You write them inside an @keyframes rule, and the browser…

Most sites still ship type that got sized once in a desktop mockup, then patched with a couple of media queries after it broke…

Build the phone layout first. Everything wider gets handled after that, through CSS rules that add back what the small version deliberately left out.…

Tap a like button and the heart fills in. Pull a list down and a spinner drops in at the top. Both of those…