Bringing Premium Pixels to Life

Orman Clark has brought joy to the masses with his pixel perfect creations, many of which he dishes out for free on his site Premium Pixels. This session focuses on bringing his .psd files to life, teaching and demonstrating modern web techniques and standards wherever possible.

Posts in this series

Orman Clark's Chunky 3D Web Buttons: The CSS3 Version
Today we'll be making some awesome CSS3 buttons! They're based on the popular PSD freebie Orman Clark made for his website Premium Pixels. We'll try to make...
Lukas Van Orshoven
25 Jan 2012
Site Elements
Orman Clark's Vertical Navigation Menu: The CSS3 Version
Next in the Orman Clark's coded PSD series is his awesome looking Vertical Navigation Menu. We'll recreate it with CSS3 and jQuery while using the minimal...
Luke Spoor
8 Feb 2012
Navigation Design
Quick Tip: Give Orman's Navigation the :target Treatment
We recently published a great tutorial which built Orman Clark's vertical navigation menu into a flexible, jQuery powered accordion. It's actually possible...
Ian Yates
28 Feb 2012
CSS
Skin Orman Clark's Video Interface Using jPlayer and CSS
Coding up Orman Clark's Premium Pixel designs is great fun, this time we'll have a look at his Video Player Interface! We'll build it using an awesome HTML5...
Luke Spoor
2 Mar 2012
Site Elements
Menu Notification Badges Using HTML5 Data-Attributes
Today we're going to take Orman Clark's Menu Notification Badges design and build it using HTML and CSS. We'll look at a couple of ways to achieve the...
Luke Spoor
8 Mar 2012
CSS
Build a Popup Modal Window Using the jQuery Reveal Plugin
Today we'll be taking Orman's Popup Modal Window and recreating it with HTML and CSS. We'll then make use of the jQuery Reveal plugin to give it full...
Luke Spoor
28 Mar 2012
jQuery
Powering Orman's Image Slider Controls With Nivo
Next up in the Premium Pixels session is Orman's Image Slider Controls. We'll take the PSD, rebuild it for the browser, then make the whole thing functional...
Luke Spoor
10 Apr 2012
Nivo Slider
Build a Quick and Elegant Login Form
Today we're going to code up Orman Clark's Elegant Login Form using CSS3 and HTML5, plus some of Dan Eden's CSS animations to embellish the experience.
Ari S
16 Apr 2012
CSS
Quick Tip: Create a Rating System With CSS, Web fonts and Sprites
In this Quick Tip video tutorial I'll show you how to create a rating system using CSS, web fonts and sprites.
Adi Purdila
19 Apr 2012
CSS
Tagtastic Tag Cloud with CSS Transformations
Hey guys, today we'll be creating Premium Pixels' Tagtastic Tag Cloud. As an experiment in alternative approaches, we'll create the tags using gradients,...
Luke Spoor
24 Apr 2012
CSS
Styling Dark Select Dropdown With Dropkick.js
HTML select elements with their option tags cannot be completely customized using CSS, but what if we want to style a dropdown just as easily as <div>,...
Suhail Dawood
26 Jul 2012
Site Elements