I aimed to make Hummus v.2 as simple and straightforward a tutorial as possible, since it’s a recipe that anyone (with or without cooking skills) ought to be able to follow. In case the design/layout isn’t clear or doesn’t accomplish those goals, please do give some feedback.
Using Blueprint CSS eliminated the need for me to go deep into CSS coding. This was Very Nice. Working with what Blueprint generated for me, I only needed to tweak some div, type, and img styles. I had sized down my images in Photoshop (and Saved for Web and Devices!) before uploading them to my directory, so that there was no need for thumbnails or to “click to enlarge”. Having sized my pictures to a pre-determined size, I also didn’t have to put in “width” and “height” attributes to the image tags.
While coding Hummus v.2, I googled many sites for help with HTML and CSS coding. I still stick to my initially recommended sites: HTMLDog (for excellent HTML and CSS beginner tutorials) and W3Schools.com. You really can’t beat free information that is this accessible and clear in instruction. For those of you who like to “learn by doing”, the “try it for yourself” feature in w3schools is great–it allows you to see your code side by side with what it’d look like in a browser window.
HTMLDog: Common HTML attributes
W3Schools.com: Grouping and Nesting CSS Selectors