Info

You are currently browsing the archives for the Tutorials category.

Calendar
May 2012
M T W T F S S
« Oct    
 123456
78910111213
14151617181920
21222324252627
28293031  

Archive for the Tutorials Category

Print stylesheet - the definitive guide

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

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 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…

CSS: Browser testing order

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

‘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)

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…