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

    Mastering Icon Fonts on the Web

    1.1 hours
  • Web Design

    Landing Page Design Principles

    1.9 hours
  • Web Design

    Designing for WordPress

    2.2 hours
  • Web Design

    Designing for Mobile eCommerce

    3.6 hours
  • Web Design

    A Beginner’s Guide to Using WordPress

    2.1 hours
  • Web Design

    Practical UI Design With Sketch

    1.8 hours
  • 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
  • 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
  • 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
    Mastering Icon Fonts on the Web: Open AssignmentWistia
    71 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
    171 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
    146 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
    59 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
    146 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…
  • Web Design
    17 Macaw Keyboard Shortcuts You Should MemorizeMacaw 4
    97 shares
    Keyboard shortcuts are a vital part of becoming proficient in using any application, and Macaw is no exception. Let's go through some of the most useful keyboard shortcuts Macaw has on offer - see if you can commit them to memory!Read More…
  • Web Design
    How Macaw Helps You Build Responsive WebsitesMacaw 3
    195 shares
    Fluid layouts have been the biggest challenge for design application developers in recent times, but Team Macaw have done it right. With a small collection of tools and features, Macaw allows you to build fluid, responsive layouts, controlling breakpoints from right within the application.Read More…
  • Web Design
    Getting to Know Macaw's ToolsMacaw 2
    179 shares
    In this video we're going to look at the tools, made available on the left hand side of Macaw's interface. Each tool is very intuitive, especially if you're familiar with other design applications such as Photoshop.Read More…
  • Web Design
    An Introduction to the Macaw InterfaceMacaw 1
    115 shares
    Today I'd like to introduce you to an awesome new web design tool. "Macaw" is the brainchild of Tom Giannattasio, Adam Christ, Daniel Kleinman and Brandon Jones and has been eagerly awaited since its Kickstarter campaign reached full funding in the closing months of 2013.Read More…
  • Web Design
    Quick Tip: Bring Your Website to Life With Animate.cssAnimate retina
    408 shares
    In this quick tip screencast I'm going to show you how to implement CSS animation within your web pages, rapidly and easily. Happily, Dan Eden has done all the heavy lifting for us, packaging his work up in the form of Animate.css.Read More…
  • Web Design
    Quick Tip: Fix Your Messy CSS With SMACSSSmacss retina
    198 shares
    Face it, your CSS is a complete mess! Today I'm going to introduce you to SMACSS, a set of guidelines and principles to tidy up your stylesheets, making your projects better organised, flexible and scalable.Read More…