Last week I posted part one of this tutorial series covering the process of creating a typography based blog design in HTML5 and CSS3. We finished off the Photoshop concept with the design based on a strict grid and text laid out in our desired typeface. Now let’s replicate the design in a static HTML5 and CSS3 prototype before finishing it all off as a fully working WordPress theme.
Posts from October, 2011
The tutorial posts where I go through the process of creating a complete WordPress theme from Photoshop concept right through to coding the template files always go down well, so let’s start with another tutorial series based on my latest WordPress theme design. Follow this tutorial where we’ll lay out a typography based blog design over a strict underlying grid, then stay tuned for the next tutorials where we’ll build the concept into a HTML5 prototype then finish it off as a fully working WordPress theme.
In this digital age of clean and crisp lines there’s nothing better than seeing hand drawn illustrations in the designs of websites and interfaces. Hand drawn doodles and sketches really help inject character and personality into a design, and give a fun and friendly appearance to the overall website. This showcase rounds up 25 inspiring examples of websites featuring super cool hand drawn illustrations, from quirky hand drawn typography to cute character doodles.
Repeating background images are safest method of styling up your website background other than a plain old CSS background color. Websites are viewed in all types and sizes of browser these days, so a repeating background ensures the whole of the user’s screen will be filled with your design, unlike a static image that can often end up being cropped off or lost in a sea of flat colour. Let’s take a look at how seamless or repeating textures and patterns can be created in Photoshop.
Responsive websites are definitely the hottest thing right now with almost every notable website redesign featuring some kind of adaptable layout for various browser and media sizes. Responsive designs are also creeping into the WordPress theme marketplace as the latest designs are conforming to this new standard. This post pulls together 19 of the most high quality WordPress themes with a responsive layout.