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.
  • Web Design
    Designing a "Coming Soon" Page in PhotoshopPreview psd
    Today we'll begin working on a Coming Soon page based on the countdown timer which I recently designed. In this particular screencast we'll complete the Photoshop design stage and (just for kicks) you'll also find a timelapsed video of the whole process.Read More…
  • Web Design
    Quick Tip: Design a Countdown Clock in Under 15 MinutesPreview
    In this Quick Tip I'll demonstrate how to design a countdown clock interface in Photoshop. We'll go over some simple techniques and, in under fifteen minutes, we'll have a great finished product to show for our efforts. Let's jump in!Read More…
  • Web Design
    Quick Tip: Sharpen Your Workflow With Photoshop's Auto-SelectPreview
    If you're not using Photoshop's auto-select tool, I can only imagine you've never heard of it! Once you make it part of your design workflow, you'll find that it can save you a lot of time, especially when your PSD documents have complex layer structures.Read More…
  • Web Design
    Styling Simple Nested Comments with CSSNc preview
    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
    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
    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
    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
    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
    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…