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.
+ more
Elastic Progress
by Lucas Bebber
An elastic SVG progress loader based on the Dribbble shot “Download” by xjw and implemented with SVG and TweenMax.
+ more
Freebie: Web Hosting & Technical Support Icons (AI, EPS, PSD, SVG, PNG)
by Eezy Inc.
A free set of 36 web hosting and technical support icons in AI, EPS, SVG, PSD and PNG by Vecteezy.
+ more
How to Create a Fullscreen Video Opening Animation
A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.
+ more
Freebie: “Land.io” UI Kit + Landing Page Design (Sketch)
by Peter Finlan
A versatile landing page UI kit designed in Sketch with thoughtfully crafted website elements that will take your website project to the next level.
+ more
Styling & Customizing File Inputs the Smart Way
A tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript.
+ more
Creating Material Design Ripple Effects with SVG
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 GreenSock.
+ more