• just realized what time it is...and also realized I have beer in the kegerator. Time to shut down Illustrator and power up the xbox
  • 6 hrs ago

Category: CSS

Progress, not Perfection

April 24th, 2008

I worked on and uploaded a new theme last night. Till about midnight to be exact.

“Progress is a much better goal than perfection”

I’ve worked on this layout it seems forever, tweaking this, moving that. The previous theme was really getting old to me, it has only been up for 2 years, but I have always wanted to do more with it. Unfortunately due to time restraints and working on client projects, that just doesn’t seem to be happening. I guess it’s better to have too much work than not enough.

So in hopes of motivating me to work more on it, I present to you, for your consideration: Design Reverb 3.0.

Images disappear in IE6

March 11th, 2008

Yes, I, like most of you, still put up with ie6 and its plethora of CSS bugs. I tend to forget the easiest fix can sometimes just be

position:relative;.

I just fixed a problem I had regarding an image floating to the left of some text. The problem was that the image just wouldn’t show up in ie6. I tried the clear float solution, but to no avail. Then I remembered another solution concerning images, floats and ie6 :

img {position: relative;}

Works like a charm.

Top Web Designer Resources!

November 27th, 2007

Here’s a great resource that has something for everyone. I thought I had come up with a pretty comprehensive design resource list when I posted Creative Alternatives and Resources. This is an amazing listing of links for designers and developers alike.

For Web Designers

From working with Ajax, to XHTML character references, the link list given on forwebdesigners.com is pretty comprehensive. Some of these links you may have seen before, but alot are new to me. They even give you a link to suggest a link they may have missed. I have definitely bookmarked this site, you should too.

I’m sure you will find something useful - 332 helpful links for Web Designers

Creative Alternatives and Resources

June 11th, 2007
I get asked quite a bit from new designers and programmers I work with where I find cool stuff on the web. Things like alternative programs to Adobe CS3 and some of the xhtml/css coding resources I use. So I’ve gone through my various bookmarks on both my Mac and PC and created the list below. I should have done this a long time ago. Anyway enjoy!

Photoshop

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.
Paint.NET is free image editing and photo manipulation software for computers that run Windows.
Pixel is a RGB, CMYK and HDR image editing, photo retouching, graphics manipulating and animation program available for many operating systems.
PaintShop Pro You can do it all with Paint Shop Pro! Photography, graphics, art, and productivity all in one easy-to-use, affordable program!

Illustrator

Inkscape is an Open Source vector graphics editor, with capabilities similar to Illustrator, Freehand, CorelDraw, or Xara X using the W3C standard Scalable Vector Graphics (SVG) file format.

InDesign

Scribus is an open-source program that brings award-winning professional page layout to Linux/Unix, MacOS X, OS/2 and Windows desktops with a combination of “press-ready” output and new approaches to page layout

Web Design

Programmers NotePad the free, open source, text editor with special features for coders.
Kompozer is a wysiwyg HTML editor (Nvu/Composer fork) aimed towards advanced users.
Notepad ++ is a free source code editor (and Notepad replacement), which supports several programming languages, running under the MS Windows environment.
Coda is “one window web development” for Mac
Stylemaster From beginner to expert, Style Master will make working with CSS more efficient, more productive, and more enjoyable.
Quantas Plus is a highly stable and feature rich web development environment.
HTML Kit is a full-featured free editor for HTML, XHTML, XML, CSS, JavaScript, PHP and other text file types.
tlbox the best tools on the web

Resources

CSS

Cheat Sheets - XHTML, CSS, PHP, RUBY…etc
W3C’s Starting with HTML + CSS Tutorial
W3C Web Style Sheets CSS Tips & Tricks
Architecting CSS
CSS Organization Tip
Veerle’s Blog - CSS
100 Freebie CSS Resources
71 CSS menus for Free
53 CSS Based Navigation Menus
70 Expert Ideas for Better CSS Coding
CSS Forms
CSS Based Forms
CSS Graphs
40 CSS Layouts
Listamatic-one list, many options
53 CSS Techniques You Couldn’t Live Without

Grids

Yahoo Grids CSS
Designing With Grids
Five Simple Steps to Designing Grid Systems
Grid based design
Grid Computing and Design
Thinking Outside the Grid
Design By Grid
Grid Systems in Web Design

Spam

Javascript No-Spam email link
Protect Your Email Address From Spam Bots
Email address link

Photoshop

Photoshop Resources
Planet Photoshop Resources
Adobe Illustrator & Photoshop Tutorials & Lessons
Free Photoshop Brushes
Kuler Colors - Adobe gets its scheme on