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.
Courses
  • Web Design

    Wireframing With Sketch

    1.6 hours
  • Web Design

    Understanding Responsive Images

    1.3 hours
    Cc
  • Web Design

    Mastering Icon Fonts on the Web

    1.1 hours
  • Web Design

    Landing Page Design Principles

    1.9 hours
    Cc
  • Web Design

    Designing for WordPress

    2.2 hours
    Cc
  • Web Design

    Designing for Mobile eCommerce

    3.6 hours
  • Web Design

    A Beginner’s Guide to Using WordPress

    2.1 hours
    Cc
  • Web Design

    Practical UI Design With Sketch

    1.8 hours
    Cc
  • Web Design

    Building Your Own Pattern Library for the Web

    2.8 hours
    Cc
  • Web Design

    Essential JS Libraries for Web Design

    2.4 hours
  • Web Design

    Rapid Prototyping With Macaw

    1.7 hours
  • Code

    Guide to Your First WordPress Framework

    2.8 hours
    Cc
  • Web Design

    Bootstrap 3 for Web Design

    1.9 hours
    Cc
  • Web Design

    User Interface Design for the Web

    1.8 hours
  • Web Design

    Pro Web Design Workflow

    3 hours
    Cc
  • Web Design

    Web Design for Beginners

    2.9 hours
    Cc
  • Web Design

    Web Design Workflow with Sass and Compass

    2.2 hours
  • Web Design

    Bootstrap 3.0 Essentials

    1.5 hours
  • Web Design

    Theming For Ghost

    1.2 hours
  • Web Design

    Introduction to SMACSS

    1.9 hours
  • Web Design

    CSS Tips & Tricks

    1.2 hours
  • Web Design

    Web Form Design and Development

    2.7 hours
  • Web Design

    PSD to WordPress: Minimal Portfolio Theme

    6.1 hours
  • Web Design

    Effective eCommerce Design

    5.9 hours
  • Web Design

    Bootstrap for Web Design

    3.7 hours
  • Web Design

    Hands on: Design & Build a Coming Soon Page

    4 hours
  • Web Design

    PSD to HTML for Designers

    4.3 hours
Tutorials
  • Web Design
    Bower in 60 Seconds60 bower new
    93 shares
    Bower is a package manager (which helps organize your front-end development). This is a rapid fire explanation of how you use it, in 60 seconds!Read More…
  • Web Design
    Wireframing With Sketch: Open AssignmentWistia wireframing
    69 shares
    Welcome to a new Tuts+ open assignment; this time I’ve set a task for those of you interested in Sketch, wireframing, or both!Read More…
  • Web Design
    CSS Preprocessors in 60 Seconds60 pre
    227 shares
    CSS Preprocessors do a number of things and can massively improve your workflow–this is a quick fire explanation of CSS Preprocessors, in 60 seconds!Read More…
  • Web Design
    The Pros and Cons of Icon FontsIcon fonts
    84 shares
    In this short video tutorial from my recent icon fonts course, I'll briefly explain what icon fonts are and how they work, and then I'll go through the pros and cons of using icon fonts compared with images. Read More…
  • Web Design
    Understanding Responsive Images: Open AssignmentWistia uri
    92 shares
    Each time I publish a new course I like to follow it up with an open assignment. So, in this video, instead of learning something by following a number of steps, I’m going to set a task for you to complete!Read More…
  • Web Design
    How to Create Responsive Images Using the Picture ElementResponsive images
    131 shares
    We all want our images to display at the best possible quality, with optimal file size, on different devices, but achieving that is easier said than done. In this short video tutorial, you'll learn how to use the picture element to create responsive images.Read More…
  • Web Design
    Mastering Icon Fonts on the Web: Open AssignmentWistia
    78 shares
    It’s time for another open assignment! Instead of learning something by following a number of steps, I’m going to get you to complete a task.Read More…
  • Web Design
    How to Use Avocode to Inspect Your Photoshop and Sketch FilesAvocode
    173 shares
    In today’s tutorial I’m going to introduce you to Avocode, developed by the “eleven brave men and one brave woman” of Source and recently released in the form of version 1.0. Avocode is an application which allows you to work with .psd and .sketch files, moving from design to code, without even opening Photoshop or Sketch.Read More…
  • Web Design
    Landing Page Design Principles: Open AssignmentLandingpage
    150 shares
    It’s time for another open assignment! Instead of learning something by following a number of steps, I’m going to get you to complete a task.Read More…
  • Web Design
    Designing for WordPress: Open AssignmentDesign wordpress
    66 shares
    In this tutorial we’re going to do things a little differently. Instead of learning something by following a number of steps, I’m going to get you to complete an assignment.Read More…
  • Web Design
    Quick Tip: Sticky Navigation, Without the Awkward JumpWaypoints
    51 shares
    In this quick tutorial we're going to use jQuery and make a simple sticky navigation. With that done, we'll improve on our efforts by using jQuery Waypoints to make the effect smoother.Read More…
  • Web Design
    Quick Tip: Building a Button Library With MacawMacaw
    143 shares
    We're going to use components along with the global styles feature within Macaw to build ourselves a versatile button library.Read More…