Web Development

Cool CSS Loading Effects for Grid Images
Posted on 9/01/14 in Articles, Web Development
A collection of cool CSS loading effects for grid images.
Ideas for Subtle Hover Effects
Posted on 6/27/14 in Articles, Web Development
Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and pseudo elements.
Create a Masked Background Effect With CSS
Posted on 6/06/14 in Articles, Web Development
Today we're going to be stepping through a really cool technique you can use to create an effect that's a little bit like parallax scrolling, yet doesn't need any JavaScript; it...
Arrow Navigation Styles
Posted on 6/02/14 in Articles, Web Development
Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.
Where to Get Free & Helpful Web Design Lessons
Posted on 5/30/14 in Articles, Web Development
And since we know that you absolutely adore web design, we are going to show you a few websites where you can take some useful and free web design lessons. The lessons range from...
How to Create Custom Post Types and Taxonomies in WordPress
Posted on 5/30/14 in Articles, Web Development
How to create custom post types and taxonomies in WordPress.
Recreating the "Design Samsung" Grid Loading Effect
Posted on 5/16/14 in Articles, Web Development
A tutorial on how to achieve the grid loading effect seen on the "Design Samsung" site. The effect will show a colored element sliding in first and then sliding out again,...
10 Powerful Tips to Improve the Usability of Your Website
Posted on 5/06/14 in Articles, Web Development
On this list, you will find tips for both designers and content creators, making sure both parties get a bit of help in creating a great, usable website.
SVG Page Loading Effects
Posted on 4/25/14 in Articles, Web Development
A set of creative page loading effects that use SVG animations with Snap.svg. The idea is to show an overlay with a interesting shape animation while new content gets loaded.
Animating SVG with CSS
Posted on 4/18/14 in Articles, Web Development
There isn't just one way to animate SVG. There is the tag that goes right into the SVG code. There are also libraries that help with it like Snap.svg or SVG.js. We're going to...
8 Resources for Women Learning to Code
Posted on 4/17/14 in Articles, Web Development
A list of 8 awesome resources geared specifically toward women who want to learn how to code.
How to Create a Circular Progress Button
Posted on 4/14/14 in Articles, Web Development
A tutorial on how to implement the circular progress button concept by Colin Garven. We are using the SVG line drawing animation technique as described by Jake Archibald to...