David Kadavy is author of Mind Management, Not Time Management, The Heart to Start & Design for Hackers.
Destrukshun has brought to my attention a great collection Josef Müller-Brockman‘s posters. They’re showing in Dublin, so seeing them on the online will have to do.
I’ve finally done it, and it didn’t take as long as I had expected. I have created my own template for my blog. Here is a Safari screenshot:
Sure, most of the code is still from the Blogger.com template, but I will tweak it as I go along. I’m quite pleased just to have developed a template that isn’t falling apart in the browsers I test it in. I hope to incorporate some visual effects into my template in the future.
As I said, making my own template was easier than I had thought. I just downloaded the source code from my blog, reworked the CSS in it to my liking, took out my styles to make an external stylesheet, and plugged in the tags that apparently tell the Blogger.com engine where to put the content. Then I copied and pasted my source code into my Blogger.com template. Here is a screenshot of some of my code nicely color-coded by GoLive 6:
It still needs alot of work, though.
…shouldn’t be very tough. After sorting through some of the code in my template, and running a few simple tests, it looks like plugging my blog into a personal/portfolio page should be relatively easy. I aim to do a nice CSS-based layout, and use some PHP to plug in includes and maybe for some other features. Which leaves me with just three issues:
So, this should be a fun challenge. Hopefully I can stay committed to accomplishing this. I have a strong desire to master CSS-based layout. From what I can tell so far, doing CSS layout is a pain in the rear, but I really believe in the power of CSS.
Why? So many of my designer friends ask. Here are a few reasons truly off the top of my head:
-maintain the structure of information
HTML’s various tags work wonderfully to categorize information or give it a hierarchy. CSS enables you to use these tags while still giving everything the look you desire.
-separate style from content
Nothing new to you if you are familiar with CSS. With CSS the information that is in your source code will be just that: information. You won’t have a bunch of meaningless table tags strewn about. This also results in a faster load time, because your formatting remains in your style sheet, which is then cached. The browser only needs to download the information.
-forwards compatibility
Since the actual HTML markup is so clean, it breaks apart nicely on mobile devices and the like. Re-designs are easier with CSS, too. All you have to do is change out your style sheet, and your site is totally redesigned. Keeping clean markup makes it easier for archivists to save your content so it will outlive you.
-accessibility
…to both humans and machines. Keeping your text as text, and not hidden away in some Flash movie or image file makes your information scalable for sight-impaired users, and readable both by search engines and aural browsers.
It is bold of me to say (bold because months could go by before I actually get around to it) that I am going to re-design this site. Right now, it is on the beautiful, CSS based, standards compliant, template designed by Douglas (Stopdesign) Bowman. It’s a great template, but being a designer, and one that hopes to master CSS layout, I shall have to create my own. The thing that worries me at this point, is that I am going to want to include information other than my blog on the site, such as a portfolio of my work, some experimental design, some articles, etc. I imagine that I can probably suck the xml feed into a site design, but at this point, I’m not sure how to do that. I have made some progress in CSS layout techniques, mostly with help from A List Apart, and inspiration from the CSS Zen Garden, but I’m not sure yet where to find help on this. I’ll keep you posted on my progress.