So many of us were having problems centralising our websites for Web Design 2.

I feel kinda stupid now that I've found the solution to be so simple.

I kept telling people that I had no idea how to centralise the website using CSS, so I kept advising them to use the "margin-left" property.

After some research (looking at the source code of perfectly centralised sites) and other research (Googling key words), I found out that I was going about it in the wrong way.

We were heading in the right direction with the use of the "margin" property, but we sorta got it wrong when we assigned it values.

Ok, long story short, this is how it's done:

body
{
    text-align: center;
}

div#container
{
    margin-left: auto;
    margin-right: auto;
    width: 50em;
    text-align: left;
}

And that is that is all is all. Simple right? *facepalm*

I need to configure some awesome styling thing for code snippet posting. >_<

So, yes.

Went to KL today for some photo-taking happy fun time.

I's still pretty n00b, so please don't say anything, lawl.

This is a short entry.

Now has some n00bshots, nyeh!

Random alleyway near Petaling Street, KL.

Colourful umbrella and shades, Petaling Street, KL.

A couple nice enough to let us take their picture, Kota Raya, KL.

Going up the stairs. Overhead bridge near Pudu, KL.

I gotta stop taking shitty camera phone pictures.

Anyway, putting my hot glue gun to good use. Maybe

These are flowers.

The end.

Low shutter speed...etc.

This is a short post, the end.

I scanned eggs. The end.

The Internet is a beautiful thing. Access to online tutorials is also a beautiful thing. Below is a list of tutorial URL's that I may be referencing for the development of this project.

1. CSS Tutorials:

• Sliding Panel
• Multi-level Menu
• Scalable Breadcrumbs
• Rounded Corners
• Full-page Background Image 
• Polaroid Photo Gallery 1
• Polaroid Photo Gallery 2
• Alternative Layouts for IE6 
• IE6 Cheatsheet
• 15 CSS Habits
• Useful CSS Techniques

2.  Photoshop Tutorials:

• Stencil Art
• Wooden Grunge Portfolio
• Minimalist Website Layout
• Clean and Classy Web Design
• Textured Web Layout
• Elegant Photography Web Layout
• Artistic Web Layout
• Nice Brown Layout 

• Ultimate Photoshop Toolbox
• Old-Style Safari Map
• Photo Transfer Edge Effect
• Dreamy Vintage
• Vintage Traveler Diary
• Brushes for Vintage Style Design
• Vintage-looking Image
• Vintage Tutorial DeviantArt
• 30 Dirty Designs

3. Javascript/JQuery Tutorials:

• 50 Useful Techniques and Plugins
• 35 Fresh Tools and Resources
• Javascript for Designers
• 51 Best JQuery Examples
• 45 JQuery Plugins
• 50 Amazing JQuery Examples

4. Additional Useful Resources:

• High-Resolution Photoshop Brushes
• Art, Design, Type
• Flash CS4 Banner
• Flash Banner Ad From Scratch

So, in the final "Website Inspiration" showcase, I've included some sites about coffee. Coz coffee smells nice and stuff.

1. Pura Vida.



2. Seattle's Best Coffee.



3. Henrici.



4. Sweet Sallie's.



5. Cilantro's.



6. Kicking Horse Coffee.



7. Robust-ah.



8. 1369 Coffee House.



9. Park Avenue Coffee.



10. Greyhouse Coffee.



11. Dunn Bros. Coffee.



12. Looney Bean Coffee.



13. Bean Exchange.



14. Java Cabana.



15. Cuvee Coffee.



16. Cafe Britt.



17. Starbucks Coffee At Home.



18. Cafe Theatre de la Marionette.



19. Copper Door Coffee Roasters.



20. Melitta, USA.

A good way to know how to arrange your information is to look at how other similar websites arrange theirs. Below are some restaurant websites that caught my attention for both design and information hierarchy.

1. Barley's Greenville.


I liked this site for a number of reasons. The main one being the way in which the menu was laid out. Although it does not have supporting pictures for each item, the rollover effects are interesting. The colour scheme is also very nice.




2. State Restaurant and Cafe.


This restaurant home page is attractive. The colours are nice and the banner is a great idea because it is update-able. Their "Events" page is worth taking note of because of how all the information is displayed. It is concise and easy to figure out.




3. La Vista.


This website is simple yet very classy. I like how they use a large, fixed background image to complement the text. The sections on this site that I thought we very well done were the Menu and Gallery. The use of thumbnails and lightbox in the gallery is a simple but effective solution.




4. Le 28 Thiers.


I like the art direction for this website. The colour scheme is great and the navigation at the top is interesting. Again the use of big background images is something that I liked.

Below are four commercial websites that I was pretty impressed with. The thing that all 4 of them have in common is the clear navigation and beautiful design. I believe the design is beautiful because the corporate identity is very apparent in each site.

1. Rohm and Haas.




2. conEdison.



3. McDonald's.



4. Levi's Strauss.

Below is a roundup of some beautiful website design, although they are not all "coffee" websites, they are still an inspiration, methinks.

1. Corvus Design.



2. Oddo Design.



3. Rocket Club.



4. Edgepoint Church.