In this Quick Tip video tutorial I’ll show you how to create a rating system using CSS, web fonts and sprites.
(Continue)
This entry is part 9 of 10 in the Bringing Premium Pixels to Life Session
Browsing Author
Adi Purdila
Sort by
Whether it’s websites, logos or print materials, my work philosophy is the same: never take any shortcuts and always put my heart and soul into each project because in the end, it’s the small details that count and the more effort I put into a project, the better it represents myself as a person and a designer and at the same time, it represents my client in a manner that’s appropriate to his needs. If you’re interested in the HTML Templates and Landing Pages I’m developing, you can check them out on my portfolio page on ThemeForest.
Quick Tip: A Handy Grid Overlay Toolbar
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!
(Continue)
Quick Tip: Speed Up Your Workflow With Photoshop 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!
(Continue)
Quick Tip: Stitch up Your Layout
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.
(Continue)
Coding the SimpleAdmin Theme: Polishing Off
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.
(Continue)
Coding the SimpleAdmin Theme: Dashboard Page
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.
(Continue)
Coding the SimpleAdmin Theme: Login Page
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..
(Continue)
Designing the SimpleAdmin Theme: Forms and Controls
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.
(Continue)
Designing the SimpleAdmin Theme: Dashboard
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.
(Continue)
Designing the SimpleAdmin Theme: Login Page
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.
(Continue)
Sign up now!
Freelance Jobs
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Webdesigntuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Follow Webdesigntuts+ and Tuts+ on Twitter