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
    Quick Tip: Create a Rating System With CSS, Web fonts and SpritesPreview rating
    19 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
    11 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
    33 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
    13 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…
  • Web Design
    Designing the SimpleAdmin Theme: DashboardDashboard
    12 shares
    It's time for the second part in our SimpleAdmin screencast series. In the previous video we covered the login page, today we'll design our dashboard including tables, a sidebar and tabbed interface.Read More…
  • Web Design
    Designing the SimpleAdmin Theme: Login PagePreview
    29 shares
    Join me in this screencast series as we build a clean, flexible admin template. We'll begin by mocking up our designs in Photoshop and today we'll get the ball rolling with our login page.Read More…
  • Web Design
    Design a Series of Smart Banner Ads in PhotoshopPreview
    4 shares
    With the continuous growth of the Internet, online marketing has gotten bigger every year, and along with it, the advertising industry. One major factor in all this craziness is buying and selling ads.Read More…
  • Web Design
    Win New Customers With a Free Trial BadgePreview
    10 shares
    What better way to win new customers than by offering something for nothing? Join me in this quick screencast, and we'll design a versatile free trial badge in Photoshop.Read More…