Useful Web Design Links

Found the following links useful A collection of repeatable SVG background patterns for you to use on your web projects – collection of PNG Files – FREE SVG icons for popular brands – Gradient backgrounds

HTML5 Elements worth remembering

The notable thing ofcourse by using these you don’t require any JS. Meta/Progress – e.g progress bars  Pictureset – e.g mobile vs desktop images <Summary> / <detail> – e.g. FAQ Summary/Detail combined can be great for performance to reduce JS/CSS required.

How to optimize SVG Images

Great tool for SVG optimization, tremendous results… This command will optimize all the SVGs in the target folder (-r recursively) and output them at the output folder (leaving the original SVGs untouched) Example 1 – optimize a folder call svgo -f “D:\code\alif-central\src\images” -r Example 2 – optimize a folder and output to new folder … Read more