Browsed by
Month: May 2009

Best Free Design Software: Image editing

Best Free Design Software: Image editing

GIMP – is the GNU Image Manipulation Program. It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages. Picasa – is a free software download from Google that helps you to locate and organise all the photos on your computer, edit and add effects to your photos with a few simple clicks, share your photos with others through email, prints and on…

Read More Read More

A Little Quiz

A Little Quiz

Which example would you think is faster to find the margin-right property? Example #01 div#header h1 { z-index: 101; color: #000; position: relative; line-height: 24px; margin-right: 48px; border-bottom: 1px solid #dedede; font-size: 18px;} Example #02 div#header h1 { border-bottom: 1px solid #dedede; color: #000; font-size: 18px; line-height: 24px; margin-right: 48px; position: relative; z-index: 101;} You can’t tell me that Example 2 isn’t faster. By alphabetizing your properties, you are creating this consistency that will help you reduce the time you…

Read More Read More

Efficient CSS with shorthand properties

Efficient CSS with shorthand properties

Efficient CSS with shorthand properties I get a lot of questions about CSS from people who aren’t crazy enough to have spent the thousands of hours working with CSS that I have. Sometimes I’m asked to take a look at something they’re working on to see if I can figure out why it doesn’t work as expected. When I look at their CSS I often find that it’s both bloated and unorganised. One of the reasons for using CSS to…

Read More Read More

Organize CSS Properties Alphabetically

Organize CSS Properties Alphabetically

Which example would you think is faster to find the margin-right property? Example 1 print? div#header h1 { z-index: 101; color: #000; position: relative; line-height: 24px; margin-right: 48px; border-bottom: 1px solid #dedede; font-size: 18px; } div#header h1 {z-index: 101;color: #000;position: relative;line-height: 24px;margin-right: 48px;border-bottom: 1px solid #dedede;font-size: 18px;} Example 2 print? div#header h1 { border-bottom: 1px solid #dedede; color: #000; font-size: 18px; line-height: 24px; margin-right: 48px; position: relative; z-index: 101; } div#header h1 {border-bottom: 1px solid #dedede;color: #000;font-size: 18px;line-height: 24px;margin-right: 48px;position:…

Read More Read More