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
    Styling Simple Nested Comments with CSSNc preview
    26 shares
    Today we're going to have a look at nested comments. We'll be styling ours so that they have a tree-like structure (such as the ones you'll find on Webdesigntuts+) and we'll look at a couple of ways we can approach things.Read More…
  • Web Design
    Building VideoBlogger: Finishing UpWeb design
    In this, the final part of our extended Premium Web Design series, we'll finish off VideoBlogger by turning our attention to the remaining pages.Read More…
  • Web Design
    Building VideoBlogger: Completing the HomepageWeb design
    In this, the second part of an extended Premium series, we're going to complete the build of our VideoBlogger homepage.Read More…
  • Web Design
    Building VideoBlogger: The HomepageWeb design
    Welcome to this extended Premium series during which we're going to build VideoBlogger; a clean, responsive media blog layout.Read More…
  • Web Design
    Quick Tip: Create a Rating System With CSS, Web fonts and SpritesPreview rating
    20 shares
    In this Quick Tip video tutorial I'll show you how to create a rating system using CSS, web fonts and sprites.Read More…
  • Web Design
    Quick Tip: A Handy Grid Overlay ToolbarPreview devbar
    13 shares
    Today I'm going to walk you through using a handy tool to help you when building grid-based web pages. It's a toolbar which I've built, and it comprises two links which lay different kinds of grids over your design whilst in the browser. Try it out!Read More…
  • Web Design
    Quick Tip: Speed Up Your Workflow With Photoshop ActionsPreview actions
    34 shares
    Avoiding repetitive tasks is always going to speed up your workflow. In today's Quick Tip we'll do just that, by utilizing Photoshop's actions panel and combining it with hotkeys. Watch this quick screencast and I guarantee you'll save tons of time next time you're designing!Read More…
  • Web Design
    Quick Tip: Stitch up Your LayoutPreview
    28 shares
    In this Quick Tip we're going to create a cool stitching effect in Photoshop. We won't be using brushes, we won't be relying on patterns - we're going to use a really simple and fast alternative.Read More…
  • Web Design
    Coding the SimpleAdmin Theme: Polishing OffAdi preview 2
    9 shares
    It's been quite a journey, but we've reached the end! Let's finish off our SimpleAdmin theme by sorting out the side menu, styling the forms and buttons, then implementing some JavaScript touches.Read More…
  • Web Design
    Coding the SimpleAdmin Theme: Dashboard PageAdi preview 1
    14 shares
    Let's continue with our SimpleAdmin coding by tackling the Dashboard page. We'll begin by setting out all the markup, then we'll move on to styling the navigation and tab area.Read More…
  • Web Design
    Coding the SimpleAdmin Theme: Login PagePreview
    15 shares
    It's time to translate our admin layout into a working template. We'll begin by setting out the markup for our Login page, then we'll hit the stylesheets..Read More…
  • Web Design
    Designing the SimpleAdmin Theme: Forms and ControlsPreview3
    12 shares
    In this, the third part of our Admin theme series, we'll look at finishing off the Dashboard layout. We'll design the all-important form elements, alerts and some additional controls.Read More…