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)
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: 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)
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)
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: 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)
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