Useful resources and inspiration for creative minds
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.
Shaded Progress Bars: A CSS/Sass Exercise was written by Rafael González and published on Codrops.
SVG Modal Window * Rune.js * Sketch Palettes * Maptia * Cursorio * Use Cases For Css Calc
Collective #187 was written by Pedro Botelho and published on Codrops.
An elastic SVG progress loader based on the Dribbble shot "Download" by xjw and implemented with SVG and TweenMax.
Elastic Progress was written by Lucas Bebber and published on Codrops.
Modernizr 3 * Cel Animations With SVG * Pt Code Experiment * Stylesheets * Primer * Hulk Smash SVG!
Collective #186 was written by Pedro Botelho and published on Codrops.
A free set of 36 web hosting and technical support icons in AI, EPS, SVG, PSD and PNG by Vecteezy.
Freebie: Web Hosting & Technical Support Icons (AI, EPS, PSD, SVG, PNG) was written by Eezy Inc. and published on Codrops.
A tutorial on how to create a video opening animation inspired by the effect seen on momentsapp.com.
How to Create a Fullscreen Video Opening Animation was written by Pedro Botelho and published on Codrops.
A versatile landing page UI kit designed in Sketch with thoughtfully crafted website elements that will take your website project to the next level.
Freebie: “Land.io” UI Kit + Landing Page Design (Sketch) was written by Peter Finlan and published on Codrops.
A tutorial on how to style and customize <input type="file"> in a semantic, accessible way using the <label> element and some JavaScript.
Styling & Customizing File Inputs the Smart Way was written by Osvaldas Valutis and published on Codrops.
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.
Creating Material Design Ripple Effects with SVG was written by Dennis Gaebel and published on Codrops.
Building SVG Maps * The Tools Designers Are Using Today * Chocolat.js * Jet.js * ContentTools * Use & Modify
Collective #185 was written by Pedro Botelho and published on Codrops.
Google Redesign * HTML5 Game Design * HTML Color Codes * SVG Patterns * Squeezebox * HTML5 Deck of Cards
Collective #184 was written by Pedro Botelho and published on Codrops.