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.

Shaded Progress Bars: A CSS/Sass Exercise was written by Rafael González and published on Codrops.

Read more →

Collective #187

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.

Read more →

Elastic Progress

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.

Read more →

Collective #186

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.

Read more →

Freebie: Web Hosting & Technical Support Icons (AI, EPS, PSD, SVG, PNG)

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.

Read 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.

How to Create a Fullscreen Video Opening Animation was written by Pedro Botelho and published on Codrops.

Read more →

Freebie: “Land.io” UI Kit + Landing Page Design (Sketch)

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.

Read 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.

Styling & Customizing File Inputs the Smart Way was written by Osvaldas Valutis and published on Codrops.

Read 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.

Creating Material Design Ripple Effects with SVG was written by Dennis Gaebel and published on Codrops.

Read more →

Collective #185

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.

Read more →

Testimonials

"Kyle has helped our company’s image a lot by redesigning our logo, creating our new website and putting together some great, eye-catching ads. He’s very easy to work with and we were able to hit all of our deadlines."
Elliot Feder - Director of Business Development, SpringBoard Data Management
"Kyle has a natural talent for taking any idea I have and turning it into a visual work of art. He is a genius with layouts and overall concepts, the first person I call when I know a project needs to be done right."
Cheryl Bell, Executive Business Manager, Global Automotive Consultants