Noupe had another great post yesterday that collects some of the most common bugs, hacks, and fixes that us front-end CSS developers use on a daily basis.  Those fixes are broken down in the following categories:

1. IE Bug Fixes
2. Centering A Block Element
3. Column Issues
4. CSS Positioning
5. CSS Float Concept
6. Easier Rounded Corner Solutions
7. CSS Form Issues
8. Worth Checking Out CSS

If you are trying to learn CSS or just wanted to review some of the tips, it’s a good article to check out.

Jon Skypes wrote up a CSS performance test across browsers comparing CSS styling by no styling, by tag, by class, by descender, and by child.  While for most cases everything seems pretty close as far as Safari and Firefox goes and of course IE is a whole lot slower.  In real world applications you would never really have that many styles in your style sheet so in most cases I don’t think you would see a difference in speed.  It is interesting to note as these web applications become more and more complex this may be an issue.  As of right now I think we’re pretty far off before we need to worry about it.

WWDC starts today and I’m looking forward to the keynote.  It’s probably one of the biggest shows Apple participates in and it outlines the future of where they plan to go as far as development.  While I should probably be at the convention, the price just doesn’t justify the kind of knowledge I’m looking to obtain.  I suppose now things are moving toward iPhone development, but now it will probably be more centered around OS X development as opposed to web development.

I am interested to see what new products will be released today.  I guess I’ll know in a couple of hours.

Noupe had a recent post some websites you shouldn’t have missed in May 2008.  It’s a list of 54 things to review covering a range of design, coding, to just some good resources to bookmark and keep for future reference.  I’m going to go through and give my top 10 from the list.

1. Pastel color menu with dynamic submenu using CSS – While I haven’t necessarily made pastel color menus, I have used this technique many times to create menus and submenus using list elements.  It keeps the code pretty clean and of course you need to have the small piece of JavaScript to support browsers like IE6.  One thing to be aware of is if you have a large elaborate menu scheme, this creates a lot of HTML in the header of your page.  If you are supporting JavaScript it might be a good idea to AJAX the appropriate data when the user takes action.
2. Yahoo! Design Pattern Library – I’ve been posting a lot about Yahoo.  I’ve just been really happy with the work they’ve produced over the last year.  This is a very good reference piece if you are wondering how something should be implemented or if you have a client that insists on one thing, you can show them that it’s been tested and proven to be best this way.
3. Which CSS Grid Framework Should You Use for Web Design? – I’ve been using a few of the Grids frameworks listed in this article, mostly the YUI Grids CSS for my work.  For the most part it gets the majority of what I want to do done faster and I feel like I’m a step ahead when I’m creating a site.  Good clean CSS is what we strive to create and these libraries make it easier for us to do that.
4. Applying Divine Proportion To Your Web Designs – While I don’t do too much design work personally, there are times when I do and I think that’s one area in my work that I can learn more and improve.  It’s always been pretty difficult for me to design things.  I guess I just don’t have enough creativity.  This article describes the rule of thirds when designing and this fits in well if you are using a Grids library.  You can work together with your front end developers and designers to create great looking layouts and save some time in the process.
5. Free 278 Page PDF eBook- The Photoshop Anthology – I haven’t read the entire book yet, but it looks like a good read.  There’s only a limited amount of time left if you want to sign up and download.
6. Find Similar Users on del.icio.us – I’ve really gotten into del.icio.us lately and I think it’s kind of cool to see who has similar interests as you.  I’m not one of those social network stalkers though.
7. 45+ Free Premium WordPress Themes with Magazine or Grid Layouts – There are some great looking designs in this collection.  Just glancing over them has given me some inspiration on some future projects.
8. 36 Cool Business Cards You Should’ve Seen – I’ve been looking for some new business cards since I formed the LLC.  I’ll have to take some more time to come up with something cool.
9. 30 Websites to follow if you’re into Web Development – I saw this posted in Digg the other day.  I saved it to my bookmarks.  It’s a great resource for web development.
10. SEO Guide for Designers – While I don’t like to take on too many SEO projects anymore, this is a good resource for best practices.  I don’t like taking the projects on because there are no guarantees in that market and if someone says they can guarantee something they probably aren’t doing it white hat style.

So that’s my top 10 from Noupe’s post.  If you have any questions for me or any comments about the resource, let me know.

I’ve been waiting for Versions to come out for about a year now.  I have been using Subversion for a couple years now and there really hasn’t been any clients for the Mac that I have given me the Mac experience I have been used to in quite a few of my other applications.  I had tried ZigVersion a while back and I don’t know if it’s changed much, but it didn’t work out so well for me.  It wasn’t a bad experience, it just wasn’t what I was looking for.  On the PC side, I use TortoiseSVN, but the Mac-like client didn’t seem to function as well as the PC.  Since then I’ve been using SmartSVN.  This has so far worked out the best for me, but I don’t really care for the interface and since it’s a Java app it doesn’t seem to play well with Spaces.

I was looking for something better and I saw a post on TUAW about a year ago and decided to sign up for the mailing list.  Today I saw another post that the beta had been released so I thought I would try it out.  I loaded all my current repositories into the client and everything seemed to work okay today.  The interface was new to me, but after a short while I was able to get used to where everything is located.
Read the rest of this entry »

The official Webby Awards were announced.  For those of those not familiar, it’s like the Oscars for web development.  There’s some big names and some small names in there as well.  Some of the companies I worked for this year have been honored by the organization.

If you want to see some excellent websites or are looking to build something new and are looking for inspiration, this is a good place to start.  Why not review the best of the best?

http://www.webbyawards.com/

While I like to keep the software installs on my machines pretty vanilla, if there is a tool that helps my productivity I’m all for checking it out.  While I’ve moved primarily to WebKit for web development, I often find myself using Firefox as well.  I keep my Firefox install to the base plus three extensions.

Firebug

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Firebug tends to be used the most by us. I can easily inspect the DOM and edit CSS inline. Those are key features for us. Also it immediately tells any JavaScript errors in the code. Another nice feature is you can print things out in the console. This helps quite a bit in debugging.
Web Developer Toolbar

Adds a menu and a toolbar with various web developer tools. Sometimes Firebug isn’t able to inspect the DOM so being able to view the generated source is nice. Also you are able to disable certain aspects of the page such as JavaScript or CSS or outline certain elements as well. It has a built in validator for checking your code.
YSlow

YSlow analyzes web pages and tells you why they’re slow based on Yahoo’s rules for high performance web sites. YSlow is a nice extension to Firebug. Yahoo did a nice job of collecting some tips for improving the speed of a website. While in some sites, I can’t always get an A rating I try to make sure if there is anything I can do, that I at least make an attempt to do it.
Read the rest of this entry »