Jan 31 2012
Source: matthewjamestaylor.com
Rather than just answering the e-mail question, I want to share a link to an excellent and very well illustrated guide on how to make centered horizontal menus. The guide is written by Matthew James Taylor, and it has a no-hacks approach that keeps the code clean and efficient. A few examples are provided that you can use and learn from. Check it out, and don't miss the many other good posts in Matthew's design blog.
Jan 20 2012
After being asked about HTML/CSS coding tutorials for beginners, I ran across a site with a number of excellent guides: LearnWebCode.com. In a number of simple steps, you can learn the basics of both (X)HTML and CSS, and along with the texts you can find a number of videos that give you a visual guide on how it works. After viewing several videos and reading a number of the tutorial posts, I can warmly recommend it for anyone who wants to learn how to build websites from scratch using manual coding. Read more by following the links below:
XHTML and CSS tutorials (text with code examples)
CSS video tutorials
HTML video tutorials
Thanks Brad for these guides, I think that they could be really useful to a lot of aspiring site builders…
Dec 2 2011
madebysplendid.com - one of the inspiring sites on the list
I've spent hours browsing through the sites on this list, with both my desktop computer and the mobile devices I have at hand. Some examples are simply brilliant, and most are well worth a visit!
Nov 22 2011
Guy Rutenberg found a couple of details in the Variant Whitespace template which could be improved, and decided to create and release a modified version of it. Guy changed the code order and edited the way that the sidebar is positioned, and the result sure is an improvement. Check it out!
Sep 2 2011
A new template has been added to the website template page: The Grid. It is the first template I release which is using a grid layout system, and it provides a lot of freedom for template users to create advanced multi-column layouts. As always, I have kept the code as short and simple as possible to make it easy to work with. Four layout examples have been included to give you an idea about the flexibility of using a grid system. More layout examples and a tutorial about how the grid system works (and how you create the layout you want) will be published next week.
This is what The Grid template looks like. To download the template, click the screenshot below. To read more, see a live demo or screenshots of the different layout examples, go to the The Grid template page
In case anyone would want to modify the background or the sample header image that is included, here is a .zip containing the .PSD source files for both the header and the background images: the-grid-psd.zip (242 KB)
