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
    Magically Turn Your Photoshop Layers Into CSS3 With CSS HatCsshat retina
    149 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
    35 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
    48 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
    8 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
    40 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
    11 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
    16 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
    16 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…
  • Code
    Adaptive Blog Theme: Listing Search Results, Archives, and a 404Adaptive wordpress thumb 06
    11 shares
    Showing search results, archives, and 404 pages are all very important parts of a website, and therefore WordPress theme. It doesn't often get a lot of coverage or emphasis, so today we'll be focussing on that exclusively.Read More…
  • Code
    Adaptive Blog Theme: Page TemplatesAdaptive wordpress thumb 05
    Not all content on a blog is in posts. We need page templates for archives, a page template that's full width, and we're even going to go over a more sophisticated template that deals with a contact form and validation.Read More…
  • Code
    Adaptive Blog Theme: Singles, Authors, and CommentsAdaptive wordpress thumb 04
    6 shares
    When creating a theme for a blog, especially if you may have multiple authors, it's important to include an area with your posts for author details. You also, of course, want to encourage discussion, so today we'll be covering display of comments, and customising the comment form.Read More…
  • Code
    Adaptive Blog Theme: Sidebars and SearchesAdaptive wordpress thumb 03
    Most themes need a sidebar area for displaying additional information to the main content. It's also generally required to have some form of search. Adi will take us through adding these elements to our Adaptive WordPress theme.Read More…