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.
Tutorials
  • Web Design
    Create a Sleek, Corporate Web Design (HD Video Series: Day 1)Corpora preview thumbnail
    11 shares
    In this video series, we're going to walk you through how to create a sleek, professional web design for a corporate website. This is part 1 of a 4 part series - we'll also be finishing the support pages and coding the entire thing in HTML/CSS!Read More…
  • Web Design
    A Smarter Twitter Page in Under 15 MinutesPreview1
    Today we'll design a smart, vintage modern background to welcome visitors to your Twitter page. We'll go over some layout considerations, then dive into Photoshop. Have fifteen minutes spare? Let's go then!Read More…
  • Web Design
    Sign-in or Register: Form Design From Scratch (Day 2)Preview 2
    12 shares
    Having completed our form design in Photoshop, we're now going to turn our attention to the nuts and bolts of the process. Let's slice up the PSD, sort out some markup, style the whole lot, add some jQuery flourishes, then finish off with some inline form validation. There's a lot to do, so let's get started!Read More…
  • Web Design
    Sign-in or Register: Form Design From Scratch (Day 1)Preview 1
    21 shares
    We deal with web forms all the time; when we log in to YouTube, Facebook, or any other web service, we have to get through a login or sign up process. Often this can be difficult because some forms are too long, or too cluttered. We're going to build a stylish, straightforward login form, and today we'll be looking at the Photoshop side of things.Read More…
  • Web Design
    Build a Modern Pricing Table With HTML and CSSPreview2
    9 shares
    In the previous screencast we designed a modern pricing table in Photoshop. Now it's time to make our design web-ready and code it using HTML and CSS.Read More…
  • Web Design
    Improving Your Productivity: Quick Tips for PhotoshopPreview photoshop
    In this exclusive web series, Adi Purdila is going to walk you through how to use a handful of web design applications to improve your productivity. Work fast, smarter, and more efficiently! Today's session: Quick Tips for Photoshop!Read More…
  • Web Design
    Improving Your Productivity: Quick Tips for Text ExpanderPreview textexpander
    1 shares
    In this exclusive web series, Adi Purdila is going to walk you through how to use a handful of web design applications to improve your productivity. Work fast, smarter, and more efficiently! Today's session: Quick Tips for Text Expander!Read More…
  • Web Design
    Improving Your Productivity: Quick Tips for Zen CodingPreview zencoding
    In this exclusive web series, Adi Purdila is going to walk you through how to use a handful of web design applications to improve your productivity. Work fast, smarter, and more efficiently! Today's session: Quick Tips for Zen Coding!Read More…
  • Web Design
    Improving Your Productivity: Quick Tips for CodaPreview coda
    In this exclusive web series, Adi Purdila is going to walk you through how to use a handful of web design applications to improve your productivity. Work fast, smarter, and more efficiently! Today's session: Quick Tips for Coda!Read More…
  • Web Design
    Basics: Create a Clean Magazine & Blog Theme (Day 5: Final Parts)Basicspreview
    5 shares
    It's day five of the Basics Design tutorial! Today we'll be finishing the final pieces of the project - including a detailed installation of SlideDeck and some Javascript work. Adi has recorded another HD video tutorial covering the crucial PSD > HTML conversion process. Whether you're a seasoned veteran or a new designer, we hope you enjoy the walkthrough! Let's start day 5...Read More…
  • Web Design
    Basics: Create a Clean Magazine & Blog Theme (Day 4: Coding Part 2)Basicspreview
    2 shares
    It's day four of the Basics Design tutorial! Today we'll be finishing the final pieces of the project - specifically we'll be writing the HTML/CSS for the support pages of the site. Adi has recorded another HD video tutorial covering the crucial PSD > HTML conversion process. Whether you're a seasoned veteran or a new designer, we hope you enjoy the walkthrough! Let's start day 4...Read More…
  • Web Design
    Basics: Create a Clean Magazine & Blog Theme (Day 3: Coding Part 1)Basicspreview
    2 shares
    It's day three of the Basics Design tutorial! Today we'll be continuing on with the coding - specifically we'll be writing the HTML/CSS for the homepage and the blog single post page. Adi has recorded another HD video tutorial covering the crucial PSD > HTML conversion process. Whether you're a seasoned veteran or a new designer, we hope you enjoy the walkthrough! Let's start day 3...Read More…