Archive for the ‘Tutorials’ Category

A print stylesheet formats a web page so when printed, it automatically prints in a user-friendly format. Print stylesheets have been around for a number of years and have been written about a lot. Yet so few websites implement them, meaning we’re left with web pages that frustratingly don’t properly print on to paper.

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!

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!

I would prefer that clients save money for more valuable things than achieving pixel perfection

It’s been a while since I wrote about CSS on And All That Malarkey, I’ve been busy documenting some of my working methods and thought that I would share Stuff and Nonsense‘s current CSS/browser testing order.

We’re part of KW Media Group Inc, the force behind creatives and the same people who bring you the National Association of Photoshop Professionals, Layers magazine, Photoshop User magazine and Photoshop Elements Techniques newsletter.

There are thousands of CSS tutorials out there, but one CSS feature that it took me a while to understand is the float: feature. Floats are an easy way to create the multi-columned layouts that many popular sites utilize, without resorting to table tags.

The best tutorial Ive found on how to use floats comes from Max Design. But Floatutorial isnt just a one trick pony, its actually a whole bunch of tutorials condensed into one easy to browse page. These tutorials will walk you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.