iOS7 Passcode Interface

A faithful recreation of the passcode interface on iOS 7. This one is for education purposes, but it’s fun to deconstruct things and look at how this popular interface was designed, for inspiration in your own design work. get it here


tCycle – Tiny jQuery Slideshow Plugin

tCycle is a minimalist jQuery slideshow plugin that won’t blow your bandwidth budget. It supports the following features: Auto-initialization Declarative options Variable timeout Variable speed Cross-fade transitions Scroll transitions get it here


SVG hover effect

Here is an experimental hover effect created with SVG and inspired toGoogle Glass. Coded by Zach. get it here


Bebas Neue free font

Bebas Neue is a free sans-serif font family based on the original font by Ryoichi Tsunekawa. Now the family has four new members – Thin, Light, Book, and Regular – added by Fontfabric Type Foundry. get it here


Introducing New Features in Photoshop CC

Today we’re announcing the immediate availability of new Photoshop CC features for Creative Cloud members. This update to Photoshop CC (version 14.2) includes many new features, includingPerspective Warp for manipulating multiple perspectives in an image, and linked Smart Objects for easier reuse of design elements. We are also delighted to deliver support for 3D printing in Photoshop CC. Now you […]


Asfalto -Free Font

Asfalto is a free distressed display font designed by Fernando Forero. It comes in all caps, yet remains readable even at smaller sizes. get it here


Adaptive Backgrounds

Adaptive Backgrounds  is a jQuery plugin for extracting colors from an image and applying those colors to the parent element. It’s an easy way to make your background match your images. get it here


Duo-A new Browser

Duo is a web browser that lets you view both mobile and desktop versions of responsive websites you’re designing. It’s available as a bookmarklet, or as a standalone Mac program.


How to Kickstart your HTML

A primary goal of all developers is faster development, especially rapid bootstrapping. There are dozens of frameworks made available in the last couple of years that aim to have our prototypes up in minutes. Unfortunately many of those frameworks date quickly, as project requirements evolve, and need to be refreshed or replaced. If you’re looking […]


7 web design trends you’ll actually see this year (and how to survive them)

It’s the time of year when every blogger on the Web pulls out a crystal ball, dusts off the tarot cards and spends hours staring pointedly into tea cups in an effort to predict the trends for the coming year. The resulting lists usually range in plausibility from the absolutely certain (Apple will release a […]


ABigImage – View Big Versions of Images

ABigImage is jQuery plugin for viewing big versions of images. Features Uses link’s href attribute for large images. Clicking image opens next one, clicking left side opens previous, clicking right side closes image. Hotkeys for next, previous and close buttons. Preloading of next and previous images. Fully customizable styles. Customizable top and bottom areas. get it here


Mobile wireframe kit

An interesting wireframe kit for designing mobile apps including lots of pre-built elements. Free PSD created by Arun for CSSAuthor. get it here


Kaiju free font

Kaiju is a sans serif free font that comes in multiple weights (regular and bold). Its simplicity makes it a very legible display font, perfect for editorials. The equal emphasis on thick and thin allows for both bold and subtle aesthetics. It is absolutely free and can be used for personal or commercial use. Any images used as backdrops […]


Streamline: iOS7 Vector Icons

Streamline is the ultimate stroke icon collection for design enthusiasts. All of the icons are provided as vector files and webfonts, perfectly optimized for both iOS and Android. Download the free pack of 100 icons or get the full pack of 1640 icons for a fair price. get it here


Picturefill – Responsive Images Approach

picturefill is a responsive images approach that you can use today that mimics the proposed picture element using spans, for safety sake.  Picturefill works best in browsers that support CSS3 media queries get it here