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
    Sign-in or Register: Form Design From Scratch (Day 2)Preview 2
    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
    22 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
    4 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
    1 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…
  • Web Design
    Basics: Create a Clean Magazine & Blog Theme (Day 2: Slicing and Markup)Basicspreview
    1 shares
    It's day two of the Basics Design tutorial! Having just finished the design session of this series, today we'll be continuing on with the PSD slicing and markup. 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!Read More…
  • Web Design
    Basics: Create a Clean Magazine & Blog Theme (Day 1: Design)Basicspreview
    22 shares
    In this series, Adi Purdila is going to walk us through how to design and code a great magazine/blog website theme in a step by step tutorial. There are going to be 5 days total in this video, which will give us plenty of time to go into each step in a great level of detail. Today, we'll be going over the intro to the project as well as the entire design phase. Let's get started!Read More…