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
  • Code
    Adaptive Blog Theme: Page TemplatesAdaptive wordpress thumb 05
    23 shares
    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
    5 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
    3 shares
    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…
  • Code
    Adaptive Blog Theme: The Loop and TemplatesAdaptive wordpress thumb 02
    7 shares
    Let's move on to cover The Loop, and using the Theme Unit Test XML Data to populate your WordPress install.Read More…
  • Code
    Adaptive Blog Theme: Beginning Theme DevelopmentAdaptive wordpress thumb 01a
    26 shares
    We're picking up where the Webdesigntuts+ Adaptive Blog Theme session left off. Now we take the adaptive HTML and CSS build, and turn it into a WordPress theme.Read More…
  • Web Design
    Adaptive Blog Theme: BreakpointsCss8 preview
    1 shares
    At this point in our theme development it's time to look at the adaptive nature of the layout. We're going to examine our breakpoints, tidy up the layout in its various states, deal with the navigation and any images we encounter. Notably, this is the last of the screencasts before we dive into WordPress theming!Read More…
  • Web Design
    Adaptive Blog Theme: Single Post DetailsCss7 preview
    7 shares
    There are still plenty of details on our single post layout which we need to take care of. At the very least we have the tags, post navigation, the author bio and the comments - so let's dive in!Read More…
  • Web Design
    Adaptive Blog Theme: Single Post StylingCss6 preview
    14 shares
    Okay guys, you know the drill. Let's start writing some LESS styles for our single post layout. In these two screencasts we'll look at general styling, blockquotes, images and buttons.Read More…
  • Web Design
    Adaptive Blog Theme: Single Post MarkupCss5 preview
    9 shares
    In the screencasts leading up to this point we've been building the homepage of our theme. Let's now turn our attention to the single post page, beginning with some markup.Read More…
  • Web Design
    Adaptive Blog Theme: Styling the Sidebar and FooterCss4 preview
    It's certainly true that the bulk of this tutorial lies in the styling, so let's continue with our CSS by working on the sidebar and the footer.Read More…
  • Web Design
    Adaptive Blog Theme: Styling PostsCss3 preview
    7 shares
    Last time we finished styling our header section and got the navigation working properly; today we're going to look at the post listings and the various types of posts we're making available.Read More…
  • Web Design
    Adaptive Blog Theme: Finishing up the HeaderCss2 preview
    12 shares
    Continuing with styling our web page, let's now finish off the header. We'll sort out the logo, the leaderboard ad and we'll style our navigation, including the multi-level dropdown.Read More…