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
    Designing the SimpleAdmin Theme: Forms and ControlsPreview3
    12 shares
    In this, the third part of our Admin theme series, we'll look at finishing off the Dashboard layout. We'll design the all-important form elements, alerts and some additional controls.Read More…
  • Web Design
    Designing the SimpleAdmin Theme: DashboardDashboard
    13 shares
    It's time for the second part in our SimpleAdmin screencast series. In the previous video we covered the login page, today we'll design our dashboard including tables, a sidebar and tabbed interface.Read More…
  • Web Design
    Designing the SimpleAdmin Theme: Login PagePreview
    19 shares
    Join me in this screencast series as we build a clean, flexible admin template. We'll begin by mocking up our designs in Photoshop and today we'll get the ball rolling with our login page.Read More…
  • Web Design
    Design a Series of Smart Banner Ads in PhotoshopPreview
    10 shares
    With the continuous growth of the Internet, online marketing has gotten bigger every year, and along with it, the advertising industry. One major factor in all this craziness is buying and selling ads.Read More…
  • Web Design
    Win New Customers With a Free Trial BadgePreview
    What better way to win new customers than by offering something for nothing? Join me in this quick screencast, and we'll design a versatile free trial badge in Photoshop.Read More…
  • Web Design
    Create a Sleek, Corporate Web Design (HD Video Series: Day 1)Corpora preview thumbnail
    12 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
    38 shares
    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
    13 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
    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
    3 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…