Luke Spoor
  • Code
    Adding a Set of Responsive Grid Shortcodes to Your WordPress SiteThumb
    Today we'll be taking a basic custom grid created with CSS and integrating it into WordPress via shortcodes. I presume all you readers have a basic understanding of CSS so I won't be covering any of that here, I'll also presume that you have a WordPress theme setup already and we'll just add bits in. Enough said, lets get stuck in!Read More…
  • Web Design
    Creating an Adaptive, Filterable Portfolio Using jQuery IsotopeWeb design
    Today we'll be taking a PSD Portfolio layout from ThemeForest, replicating it entirely in HTML & CSS whilst making it adaptive. We'll then go further and integrate the Isotope jQuery plugin to make it a fully functional filterable portfolio.Read More…
  • Web Design
    Tagtastic Tag Cloud with CSS TransformationsPreview
    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, shadows and (most importantly) CSS transforms, which will form the point of each tag. After completion we'll even take a step further and cater for IE.Read More…
  • Web Design
    Powering Orman's Image Slider Controls With NivoPreview
    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 using the brilliant Nivo Slider jQuery Plugin.Read More…
  • Web Design
    Build a Popup Modal Window Using the jQuery Reveal PluginPreview
    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 functionality. We'll even take things a step further and add some CSS3 Media Queries to make it adjust for mobile usage. Let's dig in!Read More…
  • Web Design
    Menu Notification Badges Using HTML5 Data-AttributesPreview
    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 effect, including the use of HTML5 data attributes which you may be unfamiliar with. Let's dive in!Read More…
  • Web Design
    Skin Orman Clark's Video Interface Using jPlayer and CSSPreview
    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 video library called jPlayer along with some HTML and CSS.Read More…
  • Web Design
    Orman Clark's Vertical Navigation Menu: The CSS3 Version Preview
    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 amount of images possible. Read More…