15 High Quality SVG Icon Sets 2016

We want everything to look nice and sharp for anyone who uses any of the websites we work on, but we need to keep file sizes down for performance. There is pretty much only one way to go with icons, logos and illustrations on the web — SVG. Scalable Vector Graphics can look crisp at all screen resolutions, can have super small file sizes, and can be easily edited and modified. They are great asset in our responsive web design toolkit. So here is collection of high quality SVG icon sets 2016 for use in your projects.

8 jQuery SVG Animation Plugins

SVGs are resolution-independent, scalable for responsive, and easy to navigate with their navigable DOM. It`s a new addition to the web animation bandwagon that allows front-end developers to create classy, static as well as animated vector graphics. So here are some best jQuery SVG Plugins that you can use to develop scalable vector animations with ease.

20 Super Cool 404 Error Animations

While going through a website, you may have seen broken links, search page with no results, 404 page not found errors etc. What would be the idea of an error page which amazes users with its attractive and responsive design?. Here are 20 super cool and creative 404 error animations made using CSS, SVG and Javascript that i found on codepen.

18 CSS Clip Path Tutorials, Examples & Tools

CSS clip-path attribute is the star of the show either in CSS, via SVG or a mix of the two of them, it will clip the image and hide portions outside the clipping region without changing the image file. To give you a clue what you can do with this CSS property, here are some useful tutorials, examples and tools for working with css clip path.

10 SVG Loading Indicators

SVG is vector-based, it can be infinitely scaled without detriment to quality. Your images will be the same physical size across different devices, but will have more resolution on the devices that support it. In this post i have collected some cool and creative loaders that use css and javascript to style and animate scalable vector graphics.