Building a Wordpress theme

In coming days I will try to build a Wordpress theme that will work as the skin for a website.

I started reading about it today and the most helpful resource comes from the Wordpress site itself. Here is the link to read.

http://codex.wordpress.org/Blog_Design_and_Layout

There are other tons of resources on the net. However it is not that easy as it seems, specially when you are out of touch in PHP for so long. Hopefully I should be able to come up with a plan soon.

Fingers crossed !!

Cheers ~
Bis

Another Design completed | Web 2.0 based

Web 2.0 based design

Web 2.0 based design

The designs can be found here.

I finished another design for a close friend of mine. This one is a free project for a startup based in Germany. I have sent the design to the team and awaiting a response. I hope that they will like it and that it will solve their purpose. The problem with startups is that you cannot be too experimental, with colors and such. They need to hit the market from day one and more conventional approach is preferred.

 

While designing I tried to follow these,

  1. Lots of importance to whitespace is intended. The darker BG is to make the whitespace pop.
  2. The Headline sizes have been carefully chosen to rank the items by importance.
  3. The Flash piece is envisioned to be rotating between 4 or 5 slides alongwith the text. So each slide will have it’s own text and Graphic.
  4. The font I have chosen is “Georgia”. In a recent survey, it was found that Sans fonts especially Georgia leaves a lasting imprint on the readers mind.
  5. The navigation is simple yet very clear so as not to confuse users. It is envisioned that the nav will drop down opening it’s own list
  6. I have included two boxes at the bottom and have repeated these boxes in the interior page. However these boxes can be changed according to your needs.
  7. I have followed the Web 2.0 standards while designing this site. That should explain the reason for using icons. Again a lasting imprint to the user.

New Design | Apr 17th 2009

So I was working on a new design yesterday and today, based on a few guidelines by our Editor in Chief and our Creative director.

The idea is to create a website which relates to “Social Networking” and wraps around our publication’s “News” content. So we wanted to create a “Social Networking” site which is “News” driven. Interesting huh ? !!

It’s not easy to satisfy people who are above you, and more so when these people know a lot about their subject. Both of these two people are extremely talented and it is my first time dealing with the former who is well known to have incub-ed CQ – congressional quarterly. The second person, my direct boss is very thorough in his subject which ranges from movie production to the nitty grittys of magazine production and design. Truely speaking I consider myself to be very lucky to be in touch with this versatile talent.

And then there is my all-time-friend-and-critique who goes by the name “Debarati” and incidentally happens to be my wife.

This is the design in debate

This is the design in debate

So after doing the design and having passed the initial round of debate with Jeff and David and selling them my ideas I sent out the design to Deb and this is what she said.

debaratibhatt (2:07:08 PM): ok fine, i love it too, it’s very clean
debaratibhatt (2:08:07 PM): but remember, someone who is handicapped will not get it
debaratibhatt (2:08:24 PM): color coding is not at all 508 compliant
biswarup99 (2:08:27 PM): whats an option ?
debaratibhatt (2:08:54 PM): will go over this in the weekend, if you can wait
biswarup99 (2:09:04 PM): i know .. but 98 percent of our readers will use this maybe we can use descriptions while coding
biswarup99 (2:09:05 PM): ok
debaratibhatt (2:09:46 PM): yes you can, but remember 48 percent is handicapped color wise
biswarup99 (2:09:58 PM): k
debaratibhatt (2:10:07 PM): not only blind fall in this category
biswarup99 (2:10:17 PM): hmm
debaratibhatt (2:10:19 PM): also color blind people are considered
debaratibhatt (2:10:22 PM): lol
biswarup99 (2:10:25 PM): yeah
biswarup99 (2:10:34 PM): well .. we’ll see
debaratibhatt (2:10:36 PM): blue and green is confusing to many
debaratibhatt (2:10:50 PM): yeah, unless your company pesters on these
biswarup99 (2:11:05 PM): which i think they will
debaratibhatt (2:11:30 PM): but you should be aware of all these while designing, and it’s added advantage for you too


…………. And I agree 100%. She sent me two links which I went through, and after careful consideration I am pretty convinced that the design needs to be changed, which means I will have to re-sell my concept to the big two. Ah Well !! That’s the life of a designer, and I Love it big time.

Here are the two links that Deb sent me, if anybody out there is interested to know more about usability and accessibility as regards to Web design and Development.
http://www.webaim.org/standards/508/checklist
http://www.webaim.org/articles/visual/colorblind.php

I am currently studying more and more on “Accessibility in Web Design” and will come back to you with a post on what I learn soon. Thanks Deb for helping me out on this one !!

Cheers
Bis.

It’s fun time again !!

Guess what ~

I got three design projects lined up and this should be fun to do, at least much much better than stupid design tweaks whole day long :)

  1. GovGateway needs a facelift
  2. A close friend “Sven Horak” needs a website designed for his company
  3. and I am working on my website

Feels like I am back to designs after a long time. This is a well deserved break !!

Take it easy everybody out there. I will share the results when done :)

Cheers !!
Bis.

CSS optimisation using CSSTIDY

Click here to go to the CSSTIDY app on Thenetweaver. The interface is pretty self explanatory, but I would suggest to keep a backup of your CSS files vefore you decide to replace them with the generated ones.

Optimising your CSS files

Optimising your CSS files and cleaning them up is very important not only for the size but for further maintanence issues as well. This would enhance readability too.

Below are few principles which can be read in details in “SmashingMag” and these can be applied not only to CSS files, but also to Javascript, HTML and other programming languages. Considering the principles below will help you to create more optimised websites from user experience standpoint. I have already implemented these for few of my websites for my company
eg:

The Principles as discussed in SmashingMag

1. Use Shorthand :

Instead of writing something like this

p { margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px; }

You can try writing the same in a line

p { margin: 10px 20px 30px 40px; }

2. Replace Hacks with conditional comments :

Use conditional comments instead of hacks.

3. Use whitespace wisely :

In your CSS files avoid using multiple line breaks for readability.

4. Use resets :

Using a framework and/or a reset set of rules can help keep your work optimized.

5. Future-proof your CSS :

Seperate layout styles from the rest of the styles.

6. Document your work

We all know how important documentation is. When working in a team this helps to keep your styles consistent.

7. Make use of compression :

Try to compress your CSS files using either manual compression or some kind of online tool like CSSTIDY. I will write about this in a seperate post and how you can use that. Follow this link to read that post. I have implemented and installed CSSTIDY in my server and you can try it there.

« Previous Page