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.
Latest Posts
  • Web Design
    Site Elements
    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
    Site Elements
    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
    Site Elements
    Sign-in or Register: Form Design From Scratch (Day 1)Preview 1
    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
    Site Elements
    Build a Modern Pricing Table With HTML and CSSPreview2
    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
    Technical Tips
    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
    Text Expander
    Improving Your Productivity: Quick Tips for Text ExpanderPreview textexpander
    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
    Emmet
    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
    Coda
    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
    Complete Websites
    Basics: Create a Clean Magazine & Blog Theme (Day 5: Final Parts)Basicspreview
    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
    Complete Websites
    Basics: Create a Clean Magazine & Blog Theme (Day 4: Coding Part 2)Basicspreview
    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
    Complete Websites
    Basics: Create a Clean Magazine & Blog Theme (Day 3: Coding Part 1)Basicspreview
    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
    Complete Websites
    Basics: Create a Clean Magazine & Blog Theme (Day 2: Slicing and Markup)Basicspreview
    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…