Archive for the ‘Tutorials’ Category

Print stylesheet – the definitive guide

Monday, April 2nd, 2007

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.

More…

100’s of web 2.0 tutorials

Friday, March 23rd, 2007

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

Web2.0 Badges

Friday, March 23rd, 2007

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

Friday, March 23rd, 2007

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 Design | Logo

Friday, March 23rd, 2007

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

Friday, March 23rd, 2007

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

More…

Gradient Styles & How To Make Dashes – Photoshop Tutorial

Friday, March 23rd, 2007

Shapes & Styles Redux

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

More…

CSS: Browser testing order

Monday, February 19th, 2007

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.

More… 

Illustrator Techniques

Tuesday, February 13th, 2007

‘The Premier Publication for Adobe Illustrator users.

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.

Tutorials…

CSS Tutorial (how to use floats)

Saturday, February 10th, 2007

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.”

More…