Adi Purdila
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
  • Web Design
    Design a Modern Pricing Table in PhotoshopPreview
    We're going to create an enticing and informative pricing table. During this screencast we'll tackle the design stage in Photoshop, then next week we'll complete the process by building the HTML and CSS version, ready for web deployment. Let's dive in!Read More…
  • Web Design
    Adding a jQuery Countdown to Our "Coming Soon" PagePreview jquery
    To finish off our Coming Soon page let's now give the countdown timer some functionality. We're going to use a jQuery plugin which will allow the timer to count down to a given date and time.Read More…
  • Web Design
    Building a "Coming Soon" Page With HTML and LESSPreview less
    Having designed our Coming Soon page in Photoshop, let's now kick off the build process with some markup and styling. We'll speed up the whole process by using LESS - if you haven't yet used dynamic stylesheets I promise you'll want to after watching this!Read More…
  • Web Design
    Designing a "Coming Soon" Page in PhotoshopPreview psd
    Today we'll begin working on a Coming Soon page based on the countdown timer which I recently designed. In this particular screencast we'll complete the Photoshop design stage and (just for kicks) you'll also find a timelapsed video of the whole process.Read More…
  • Web Design
    Quick Tip: Design a Countdown Clock in Under 15 MinutesPreview
    In this Quick Tip I'll demonstrate how to design a countdown clock interface in Photoshop. We'll go over some simple techniques and, in under fifteen minutes, we'll have a great finished product to show for our efforts. Let's jump in!Read More…
  • Web Design
    Quick Tip: Sharpen Your Workflow With Photoshop's Auto-SelectPreview
    If you're not using Photoshop's auto-select tool, I can only imagine you've never heard of it! Once you make it part of your design workflow, you'll find that it can save you a lot of time, especially when your PSD documents have complex layer structures.Read More…
  • Web Design
    Styling Simple Nested Comments with CSSNc preview
    Today we're going to have a look at nested comments. We'll be styling ours so that they have a tree-like structure (such as the ones you'll find on Webdesigntuts+) and we'll look at a couple of ways we can approach things.Read More…
  • Web Design
    Building VideoBlogger: Finishing UpWeb design
    In this, the final part of our extended Premium Web Design series, we'll finish off VideoBlogger by turning our attention to the remaining pages.Read More…
  • Web Design
    Building VideoBlogger: Completing the HomepageWeb design
    In this, the second part of an extended Premium series, we're going to complete the build of our VideoBlogger homepage.Read More…
  • Web Design
    Building VideoBlogger: The HomepageWeb design
    Welcome to this extended Premium series during which we're going to build VideoBlogger; a clean, responsive media blog layout.Read More…
  • Web Design
    Quick Tip: Create a Rating System With CSS, Web fonts and SpritesPreview rating
    In this Quick Tip video tutorial I'll show you how to create a rating system using CSS, web fonts and sprites.Read More…
  • Web Design
    Quick Tip: A Handy Grid Overlay ToolbarPreview devbar
    Today I'm going to walk you through using a handy tool to help you when building grid-based web pages. It's a toolbar which I've built, and it comprises two links which lay different kinds of grids over your design whilst in the browser. Try it out!Read More…