All Posts in the 'Design' Category

Redesign Projects Over the Thanksgiving Break

November 26th, 2007 · No Comments newHoliday breaks are a great time for getting personal projects done. I decided to redesign two of my personal sites. One is Film Tops, a film blog and the other is, my personal website that I converted into a blog for easier updating and maintenance. Both and Film Tops are hosted on one account with Lunarpages but have separate installations of WordPress. is the main domain and redirects to

I’ve been wanting to do these redesigns for a long time now. Let’s take a look at first. The two images on the side here are the old website (top) and the new blog (bottom). The goal here was to make updating easier especially considering I have so much going on right now and not time to waste fiddling around with code unnecessarily. I built origninally using PHP, HTML, CSS and JavaScript. Most of the JavaScript is used for displaying pages from a click of a link in the top portion, blue area, to the dynamic load area on the bottom portion, white area. I used PHP to make it easier to load the navigations on the bottom right side in the white area since they vary given what page you’re on. Everything else is HTML and CSS. I had fun building this site originally a couple of years back when I started using PHP. I especially loved having the data for my “kemipedia” (random facts about me) and the links to my favorite websites dynamically imported from a database, which was also replaced with new facts and new links, respectively, whenever the page reloaded.

Click to continue reading “Redesign Projects Over the Thanksgiving Break”

Tags: Design · Design and Development · WordPress

Wow Them With a Hot Header

November 12th, 2007 · 2 Comments

One of the many great things about WordPress (and PHP in general) is that your header is separate from the rest of your design & layout so it’s easy enough to create a distinct blog or blog-powered website design by just designing or redesigning the header alone. The header is the first thing you see when visiting a web page so your header needs to leave a great first impression or your site visitors won’t stay and browse. What makes a header pop and not suck is that it directs site visitors to where they should go, looks good and gives the overall impression of what the site is about.

Click to continue reading “Wow Them With a Hot Header”

Tags: Design · Essentials · WordPress

Our Love Affair With WordPress: Part 4 Episode 1 - Your Blog Design

October 29th, 2007 · No Comments

We love WordPressLast time on “Our Love Affair With WordPress” you learned about blog content. You learned that good content is relevant, engaging, mostly free, cites sources, should contain visuals and ultimately reflects you or your business. So, let the courting continue with the pretty stuff, design. The allure of WordPress is its seemingly infinite capacity to change its looks from one blog to another, keeping things fresh and interesting for designers and visitors alike. The WordPress publishing platform is the blog designers wet dream because it is so flexible, open, and capable of creating a look as simple a look as Simpla to a more involved design like Alexified. Before we continue, I’d like to make sure we’re all on the same page about what design means in the blog (and website) design world. Design means structure, look, navigation and technology, not just the look of a blog. Savvy?

Click to continue reading “Our Love Affair With WordPress: Part 4 Episode 1 - Your Blog Design”

Tags: (Web) Technology · Blogging · Design · Our Love Affair w/ WP · WordPress

Website Design 101 : Design by Example

October 25th, 2007 · No Comments

de young museumWhat is website design? It’s not just how a website looks, I can tell you that much…and more. Website design is design in the truest sense of the word: “organization or structure of formal elements in a work.” Website design is like architecture. It’s not enough to look good, because otherwise the building will fall apart and injure people, right? Not that bad web design can cause fatal accidents (I hope), but it can and does leave a nasty taste in your mouth, perhaps blind you and cause you to run screaming the other way…or you can just hit the back button. Anyway, your website like your building has to be sound in structure, it has to be easy to “walk through” and it has to have purpose. A good website like a a great piece of architecture has a structure and navigation that serves the purpose. You know, form follows function. So, before building your fabulous website, ask yourself, “what’s the purpose of my site?”

Click to continue reading “Website Design 101 : Design by Example”

Tags: Design