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
    A First Look at Google Web DesignerGoogle web designer logo retina
    259 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
    99 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
    11 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
    12 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…
  • Web Design
    Magically Turn Your Photoshop Layers Into CSS3 With CSS HatCsshat retina
    144 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…
  • Web Design
    Quick Tip: Implement a Sticky "Back to Top" ButtonGo to top preview
    25 shares
    In this quick tip screencast we're going to implement a feature which you may have seen on websites with lots of page content. This button appears when the browser window is scrolled beyond a certain point and will allow our users to easily navigate "back to top". The implementation is pretty straight-forward; first we'll create our link with HTML and CSS, then we'll use a bit of JavaScript to enhance the behavior. The Screencast Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube Read More…
  • Web Design
    Quick Tip: Create a Stack of Paper With a Single ElementPaper preview
    47 shares
    Today we're going to do something really simple (but effective) with CSS. We're going to take a single div element, then style it to emulate a stack of paper, as popularized by Orman Clark.Read More…
  • Code
    Adaptive Blog Theme: Localization and PolishingAdaptive wordpress thumb 10
    1 shares
    This is the final part of this incredible series! We have a bit of polishing off to do inside our functions.php file, including thumbnails sizes, wp_enqueue_scripts, etc. as well as a brief look at POEdit and localization.Read More…
  • Web Design
    Quick Tip: Make the Most of CSS Attribute SelectorsSelectors preview
    19 shares
    If you've never used attribute selectors in your CSS before, you're missing out on a great way to manipulate your styles. Let's take a look at how you can make the most of them..Read More…
  • Code
    Adaptive Blog Theme: Theme OptionsAdaptive wordpress thumb 09
    9 shares
    You've read about using the Theme Customizer before here on Wptuts+, but today we're up to the part in the Adaptive Blog Theme where we get to show you a really nice practical example. Utilising the Theme Customizer for your theme's options page is a robust and future-proof way to give your theme flexibility.Read More…
  • Code
    Adaptive Blog Theme: ShortcodesAdaptive wordpress thumb 08
    13 shares
    Shortcodes are a popular feature for themes, and are often a great way to display certain kinds of information that may need special treatment. The optimal way to implement shortcodes is through a plugin, and that's exactly what be covered in today's video.Read More…
  • Code
    Adaptive Blog Theme: Custom WidgetsAdaptive wordpress thumb 07
    2 shares
    One way of adding functionality to a WordPress theme is through widgets. WordPress has a selection of useful widgets built-in, but you may want to make some custom widgets to suit your theme.Read More…