30 Mindblowing Examples Of SVG Animation

SVG was prominent in 2015 and it is taking mainstream in 2016 also as it presents graphics as vectors which can scale irrespective of the resolution of the device they are viewed on. Even Google redesigned its logo to a clearer and smaller SVG file. SVG also simplifies the creation of animated and interactive graphics. Below, you will see some mindblowing examples of SVG animation in action.

20 Examples Of UI Components Built Using CSS Flexbox

Flexbox enables you to create complex layouts with only a few lines of code — no more floats and “clearfix” hacks. Flexbox elements can have pixel widths, percentages, ems, vws, fixed and flexible widths combined. According to CanIUse, Flexbox are generally supported by the modern browsers that we can safely use Flexbox now. So in this post we`ve gathered some awesome examples of UI components built using CSS flexbox that will help you solving some user interface problems.

15 Handy Website Style Guide Tools

A style guide is an essential documents for any website, and it should not be overlooked. Creating styleguides for websites are by no means a new idea, but they are more easily talked about than implemented. Thankfully there are many tools with more arriving all the time, so in this post i`ve gathered some handy website style guide tools that will save you time, and a lot of headaches, down the line.

8 CSS Libraries For Adding Image Hover Effects

Images help enhance a website, and convey your message in a better way compared to text-based data. Images not only make a web design look more engaging and captivating to the viewers` eyes, but also boost conversion rate of your website. So in this post we`ve gathered some useful CSS libraries for adding cool hover effects on your images that will help to grab visitors’ attention easily.