Info

You are currently browsing the RobotZoo weblog archives for the day 23/03/2007.

Calendar
March 2007
M T W T F S S
« Feb   Apr »
 1234
567891011
12131415161718
19202122232425
262728293031  

Archive for 23/03/2007

Improving Your Process: CSS Techniques Part 1

This article is the first of an upcoming series that will be scattered throughout the life of Monday By Noon. The posts will attempt to provide some tips and tricks as far as design and development is concerned. The contents are purely my opinion, and take into account what helps me do my job.

More…

The Elements of Typographic Style Applied to the Web

For too long typographic style and its accompanying attention to detail have been overlooked by website designers, particularly in body copy. In years gone by this could have been put down to the technology, but now the web has caught up. The advent of much improved browsers, text rendering and high resolution screens, combine to negate technology as an excuse.

Robert Bringhurst’s book The Elements of Typographic Style is on many a designer’s bookshelf and is considered to be a classic in the field. Indeed the renowned typographer Hermann Zapf proclaims the book to be a must for everybody in the graphic arts, and especially for our new friends entering the field.

In order to allay some of the myths surrounding typography on the web, I have structured this website to step through Bringhurst’s working principles, explaining how to accomplish each using techniques available in HTML and CSS. The future is considered with coverage of CSS3, and practicality is ever present with workarounds, alternatives and compromises for less able browsers. 

At the time of writing this is a work in progress – the site is being added to one principle at a time.

You can subscribe to an RSS feed for notification of new additions.

More…

100’s of web 2.0 tutorials

http://www.drweb.de/weblog/weblog/?p=780

Web2.0 Badges

You’ve seen them everywhere. No self-respecting Web2.0 site would be without them; those little splashes of color that jump out at you and scream “HEY LOOK AT ME! OVER HERE!” Yes, that’s right. We’re talking about perhaps the most over-used trendy little design fad to come out of the two-oh movement-the badge!

More…

The Glossy TEXT web2.0 style

Remember - reading and doing is the best way to learn…anyways…Today I will be talking about and even giving some tips about the “way too famous” Glossy text EFFECT - something like this:

More…

Web 2.0 style logo gallery

web2logo.com

 A gallery of web 2.0 style logos.

http://www.web2logo.com/

Web Design | Logo

Here is another web 2.0 logo design tutorial! Here is another popular style with a shiny box. A good tip with doing web 2.0 designs, and logos is try to keep the shiny/3d/etc effects on one to two elements of the page. Over doing it wont be good for usability and it will make it look very cluttered. There is a general rule to use about one or two shiney elements and leave the rest not so done up. With light shadows here and there to create the realistic effect. Adding subtle drop shadows will give the polished effect, and will make your designs look great. Well, lets get started!

More…

Photoshop Tutorial- Polished Text

Make your text seem as if it is spankin’ new, right out of the package.

More…

Gradient Styles & How To Make Dashes - Photoshop Tutorial

Shapes & Styles Redux

Another small batch of tips for those that are knee deep in creating graphics through custom shapes and layer styles.

More…

Semantics and Structure

I’m currently working on improving nefariousdesigns.co.uk - both in design and in technology. I’ve continued to learn lots of great web development “stuff” over the past year, and it’s time I updated my personal site to reflect that burgeoning knowledge.

My first port of call is the underlying structure of my HTML - it’s ok, but it could definitely be improved.

I recently had a fantastic conversation with Mike Pearce - an old colleague (who’s now a good friend) - regarding document structure in HTML. Whilst peer-reviewing some of his code, I noticed some not-uncommon structural characteristics that, although not wrong, definitely didn’t convey the best semantics within the document. For this reason I thought I’d document some of the stuff I’ve learned about structured HTML and open it up for comment.

More…