Shaded Progress Bars: A CSS/Sass Exercise
A tutorial on how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins.
Elastic Progress
By Lucas Bebber on
An elastic SVG progress loader based on the Dribbble shot "Download" by xjw and implemented with SVG and TweenMax.
Freebie: Web Hosting & Technical Support Icons (AI, EPS, PSD, SVG, PNG)
By Eezy Inc. on
A free set of 36 web hosting and technical support icons in AI, EPS, SVG, PSD and PNG by Vecteezy.
How to Create a Fullscreen Video Opening Animation
By Pedro Botelho on
A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.
Freebie: “Land.io” UI Kit + Landing Page Design (Sketch)
By Peter Finlan on
A versatile landing page UI kit designed in Sketch with thoughtfully crafted website elements that will take your website project to the next level.
Styling & Customizing File Inputs the Smart Way
By Osvaldas Valutis on
A tutorial on how to style and customize <input type="file"> in a semantic, accessible way using the <label> element and some JavaScript.
Creating Material Design Ripple Effects with SVG
By Dennis Gaebel on
An in-depth tutorial on how to build the ripple effect outlined under Google Material Design's Radial Action specification and combine it with the powers of SVG and