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

    Essential JS Libraries for Web Design

    18 lessons, 2.4 hours
    $15
  • Web Design

    Rapid Prototyping With Macaw

    17 lessons, 1.7 hours
    $15
  • Code

    Guide to Your First WordPress Framework

    22 lessons, 2.8 hours
    $15
  • Web Design

    Bootstrap 3 for Web Design

    18 lessons, 1.9 hours
    Free
  • Web Design

    User Interface Design for the Web

    17 lessons, 1.8 hours
    $15
  • Web Design

    Pro Web Design Workflow

    27 lessons, 3 hours
    $15
  • Web Design

    Web Design for Beginners

    21 lessons, 2.9 hours
    $15
  • Web Design

    Web Design Workflow with Sass and Compass

    19 lessons, 2.2 hours
    $15
  • Web Design

    Bootstrap 3.0 Essentials

    18 lessons, 1.5 hours
    $15
  • Web Design

    Theming For Ghost

    14 lessons, 1.2 hours
    $15
  • Web Design

    Introduction to SMACSS

    20 lessons, 1.9 hours
    $15
  • Web Design

    CSS Tips & Tricks

    20 lessons, 1.2 hours
    $15
  • Web Design

    Web Form Design and Development

    17 lessons, 2.7 hours
    Free
  • Web Design

    PSD to WordPress: Minimal Portfolio Theme

    35 lessons, 6.1 hours
    $15
  • Web Design

    Effective eCommerce Design

    32 lessons, 5.9 hours
    $15
  • Web Design

    Bootstrap for Web Design

    31 lessons, 3.7 hours
    $15
  • Web Design

    Hands on: Design & Build a Coming Soon Page

    22 lessons, 4 hours
    $15
  • Web Design

    PSD to HTML for Designers

    24 lessons, 4.3 hours
    $15
Tutorials
  • Web Design
    Quick Tip: Sticky Navigation, Without the Awkward JumpWaypoints
    101 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
    91 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
    89 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
    180 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
    185 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
    116 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
    399 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
    199 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…
  • Web Design
    A First Look at Google Web DesignerGoogle web designer logo retina
    303 shares
    Unless you've been hiding under a stone recently, you'll have no doubt seen Google's latest application release: Google Web Designer. Currently in Beta, GWD is a tool for building interactive websites and, perhaps more significantly, ad banners, through modern web standards. Let's take a first look at the interface, then build ourselves an animated banner using the tools on offer.Read More…
  • Web Design
    Build Bootstrap in Minutes Using EmmetEmmet bootstrap retina
    104 shares
    Bootstrap (currently at version 3) is all about rapidly building websites, whether they be prototypes or finished products. In today's videos we're going to build ourselves a Bootstrap layout, in record time, using Emmet's powerful time-saving markup syntax.Read More…
  • Web Design
    Quick Tip: Switch Over to Photoshop SwatchesSwatches panel retina1
    12 shares
    Let's talk about Photoshop's swatches panel. This is one of those tools which you may overlook or even intentionally ignore, which is a shame as it's really powerful! Let me show you how it works compared to your usual color-picking workflow; hopefully I'll convince you to make the switch..Read More…
  • Design & Illustration
    Magically Turn Photoshop Layers Into CSS3 With CSS HatCsshat retina
    17 shares
    Today I'm going to show you a Photoshop plugin which aims to greatly improve your workflow. It's called CSS Hat and it turns your Photoshop layers directly into valid CSS3.Read More…