ButlerBlog

chad butler's weblog

  • About
  • Blog
  • WordPress Plugins
  • Contact

Optimizing W3C Validation Buttons

By Chad Butler 1 Comment

I was recently working on one of my sites and had added the W3C buttons for valid XHTML and CSS (which actually validate, by the way). I regularly run speed reports on my sites as well and when I added these two buttons, I was not pleased with the result. Call me picky, but the extra image weight wasn’t necessary for what these buttons are. Since they are more for show and don’t really serve purpose for the user, why add the weight?

So I took the buttons and reduced the number of colors in the gif to see what we could do without onhealthy.net losing too much in the way of image quality. The originals were 128 colors. I found the least I could reduce it to and without losing too much quality was 16 colors. The results were pretty good, I think. The XHTML button was reduced in size from 1.68k to 805 bytes. The CSS was even better going from 1.23k to 656 bytes. Now I can load both buttons for less than the cost of the original XHTML button.

Here are the results. Feel free to use them in place of the originals (if your pages do in fact validate).

Original (128 colors) Optimized (16 colors)
w3c xhtml button - 128 colors w3c xhtml button - 16 colors
w3c css button - 128 colors w3c css button - 16 colors
  • Share on Facebook (Opens in new window) Facebook
  • Share on X (Opens in new window) X
  • Email a link to a friend (Opens in new window) Email
  • Print (Opens in new window) Print
  • More
  • Share on LinkedIn (Opens in new window) LinkedIn
  • Share on Reddit (Opens in new window) Reddit
  • Share on Tumblr (Opens in new window) Tumblr
  • Share on Pinterest (Opens in new window) Pinterest

Filed Under: Web Tagged With: design, tips, Web, webdev

Web Developer Extention

By Chad Butler Leave a Comment

If you are a web developer of any sort, you need Chris Pederick’s Web Developer extention for Firefox. (WHAT? You’re not using Firefox? Ok, then, you need to back up and get Firefox.)

If you have Firefox installed, go to Chris’ site and get the Web Developer extention. I honestly do not know how I survived this long without it.

Some of the things it makes easy and quick:

  • Displays anchors
  • Displays cookies
  • View HTTP Headers
  • Validate CSS & HTML
  • And a whole lot MORE!!!

This is the best, most worthwhile extention I have seen EVER! I would go so far as to say that it’s probably the most usable tool for a Web Developer.

Get it here. And don’t say I never gave you anything.

Thanks Chris!

  • Share on Facebook (Opens in new window) Facebook
  • Share on X (Opens in new window) X
  • Email a link to a friend (Opens in new window) Email
  • Print (Opens in new window) Print
  • More
  • Share on LinkedIn (Opens in new window) LinkedIn
  • Share on Reddit (Opens in new window) Reddit
  • Share on Tumblr (Opens in new window) Tumblr
  • Share on Pinterest (Opens in new window) Pinterest

Filed Under: Web Tagged With: firefox, tools, Web, webdev

Old Habits Die Hard

By Chad Butler Leave a Comment

I have been a web developer for some time now, long enough to say that web developers currently entering the job market were probably entering junior high when I began working with web technologies. So most of you are either too young or too new to the Internet to recall anything other than IE as a browser. Hey, I recall back in the day we were all excited about Cello so we could browse on our PCs instead of Unix. Then came Netscape. And I was one of those die hards that didn’t switch to IE for quite some time. But, reluctantly, towards the end of the 90s, I caved in. I have been using IE pretty exclusively ever since (gasp!).

Sure, I have copies of everything else out there. As a developer, I have to. I have to know how my stuff works in other browsers. But for quite some time, cross browser testing took a back seat to other priorities because there just was very little need. I mean, hey, when 99.9% of your users come to you in IE and the rest in various other flavors, is it cost effective to test in every browser under the sun?

Get FirefoxAnd then… a quiet revolution began. Firefox. A better browser. Great features. Integrated tools. Extensible plugins and themes. AND proper CSS! Well, could there be anything better? Well, actually yes. Something better would be for people to develop sites that used valid CSS and XHTML that looked better in Firefox than IE. And for quite sometime, they didn’t.

But now, with exponentially more sites coming online thanks to the blogosphere, we have more use of CSS, and more users preferring Firefox. The quiet revolution is taking hold.

Then there was me. I knew I should make the switch. But it was so easy to keep going back to the interface I was familiar with. I kept using IE. Why? I don’t know. Just a habit.

I’m kicking the habit. It’s been tough. But I’m doing it. I’m going to stick with Firefox. And you should too. If you don’t have it, get it. It’s free. Why would you want to use anything else?

And by the way, if you aren’t familiar with some of the browsers I mentioned early on (Mosaic, Cello, Opera, etc), check out the Web History of Browsers, you might learn something. When I say to my grandchildren, “I used to browse the Internet with Cello” it will be to them the equivalent of my grandparents learning to drive in a Model T or listening to an old Victrola.

  • Share on Facebook (Opens in new window) Facebook
  • Share on X (Opens in new window) X
  • Email a link to a friend (Opens in new window) Email
  • Print (Opens in new window) Print
  • More
  • Share on LinkedIn (Opens in new window) LinkedIn
  • Share on Reddit (Opens in new window) Reddit
  • Share on Tumblr (Opens in new window) Tumblr
  • Share on Pinterest (Opens in new window) Pinterest

Filed Under: Web Tagged With: firefox, tools, Web, webdev

  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • Next Page »

Join Us!

I will never share your information. No spam. No junk. No kidding. Unsubscribe anytime.

Recent Posts:

  • The High Price of Free Plugins
  • YouTube Success: Key Tips for Enhancing Video Optimization and Visibility
  • Mobile App vs. Mobile Website Ideal Choice for your Business
  • Top Strategies to Boost Your Brand’s Visibility and Impact
  • Advanced Blogging Strategies: Using Analytics, A/B Testing, and Conversion Optimization Techniques to Grow Your Audience
  • Unlock Real-Time Process Insights to Save Time and Money
  • How Writers Can Attract More Audience Attention
  • Dress for Success – Even at Home
  • Mastering the Art of Crafting SMART Marketing Goals
  • Rediscover Your Brand Story: 7 Tips for Refreshing Your Company Identity

Archives

  • About
  • Blog
  • Archive
  • Contact

Site powered by WordPress, running on the Genesis Framework from StudioPress.

Unless otherwise noted, content on this site is © 2006-2026 ButlerBlog and may not be reproduced without express written permission from the author.

Some content may include affiliate links for which this site receives a small commission.