Archive for the ‘Style’ Category

Creating Purposeful Home and Landing Pages

Saturday, January 6th, 2007

I recently added something to my home page. The addition is a little information on what this web site is about.

I have done that because I noticed the fact that even blogs have to identify their home pages. When users land on to any post or page from search engines like Google, there is a purpose there. The visitor reads the page, gets the information she needs and that’s it. However, if she clicks for the home page, than there must be some additional information where she is and what this place is all about. Briefly, of course.

Do this for your own good. The less confused visitors you have, the more user-friendly you will become (Master Yoda, 2007). Becoming more user-friendly is beneficial for your sites search engine optimization, results in more people bookmarking your site and increase overall quality of experience of your website or blog.

Semantic Markup Is More Important Than Tableless Design

Tuesday, January 2nd, 2007

I appreciate tableless design and I am an eager advocate of a semantic web, divs instead of tables, content that form the shape, all the bells and whistles and the better accessibility it brings.

Unfortunately, there are still problems with tableless design. For instance, there is this firefox bug about two divs nested in one. Firefox does not recognize the width of the first div when you nest two divs inside a container div. More important than that, Internet Explorer still cannot handle divs properly.

Of course there are always workarounds to those problems. You can create tableless cross-browser design via css hacks, conditional internet explorer html interpretations, etc.

However, when it comes to everyday designer with deadlines and less time for the learning-curve of tableless design and css hacking, design without tables can become a nightmare just because of cross-browser compatibility issues.

The optimum solution to this might be using tables less than before and creating a design where tables are just used for main positioning. This can eliminate the time and effort until each and every designer have her/his time to develop skills enough to cover tableless cross-browser compatible design, or until Internet Explorer dies, or until each and every browser agrees upon a certain CSS specification especially on positioning of elements.

Good news is tableless design is not necessary for a valid XHTML design and making use of semantic markup. More important than tableless design is the semantic markup and the use of proper (x)html elements when organizing the data, the content that the page should serve to visitors.

You can still make use of h1, h2, h… header tags, li, ol, ul, dd, dt, dl, etc., tags that tells search engine robots what your page is about and how it can be indexed properly.

Tableless design is still necessary and should be a standard when we talk about a more accessible web. Making use of tables for positioning is not a good practice, I am not here to tell you that there is no harm in using tables. I just want to tell you that you can still create valid (x)html and semantic markup and be more accessible than the past, until you learn about CSS hacks and a cross-browser compatible tableless design.

Don’t give up on accessibility, valid and semantic markup just because you are not ready to do tableless design. Try to take your time and make progress in this transitional period. This is why we call certain DTD (Document Type Declaration) as transitional.

WordPress Features Shadowed by Blog Usage

Saturday, December 23rd, 2006

WordPress is beautiful and functional content management system. However, due to its excessive popularity among bloggers, it is mostly seen as a blogging-only tool.

WordPress has native features for a static home page in it. For instance, a WordPress installation first looks for home.php which can be used as a front page. It only loads index.php if there is no home.php specified. Let me tell you what that means in plain english: You don’t have to be stuck with themes and templates that are prepared primarily blogging in mind. WordPress has a feature so called pages, that are apart from the blogging cycle. By using home.php, header.php, footer.php, sidebar.php (alongside with sidebar widgets or not) and several pages.php, you can easily use WordPress for your static web site content, for instance for your corporate web site or brochure-ware.

I won’t go into detail right now because there are tons of documentation on the web about how to prepare a home.php, how to prepare page templates for WordPress.

Why should I use WordPress if I am going to have just a static web site?

Because you will still benefit from hundreds of plugins developed for bloggers. Then you will also benefit from a great documentation. Furthermore, you will take the advantage of WordPress’ builtin editor, management panel, etc.

Why don’t you put together a tutorial for what you tell here?

It’s just a matter of time. I’ll try to provide one soon.