HTML5 and CSS3 Browser Support

Cool Sites, CSS

I just stumbled on a cool site – The site displays a break down of browser support for HTML5 and CSS3 (Canvas, SVG, GeoLocation, Transforms, Border Radius, etc). The browsers included for 2010 are IE 7, IE 8, IE 9, FireFox 3.5, FireFox 3.7, Opera 10.50, Safari 4, and Chrome 4.

I wasn’t surprised to find that Safari and Chrome have the most HTML5 and CSS3 support (since both use the webkit engine). Firefox support for HTML5 and CSS3 is not far behind Safari and Chrome.

I was not surprised to find that Internet Explorer lags far behind (although IE 9 adds support for SVG, Video, SVG as Background, Media Queries).

I was very surprised to find that HTML5 and CSS3 support in Opera 10.50 rivals that of FireFox.

Anyway, if you ever need to know what is supported by each browser, take a look at

P.S. I wonder why Safari and Opera aren’t used as much as Firefox, Chrome and IE. Safari can be used with a Mac or PC, but appears to be used primarily by Mac users. Chrome has been around since 2008 and already has 5 times as many users as Safari (see browser stats).

Checkout My New Site - T-shirts For Geeks

gpFlashGallery – A Free Flash Photo Gallery

Cool Sites, Flash

In a previous post, I discussed the web 2.0 domain name generator and the web 2.0. color harmonizer that I created on On the subdomain, I created the gpFlashGallery, a free XML-based Flash Photo Gallery.

The gpFlashGallery is highly configurable via an XML file. Every aspect of the gpFlashGallery can be configured using this XML file (page color, thumb container dimensions and color, transition type, etc). The image information (location and optional title) is also stored in an XML file.

gpFlashGallery Features

  • Easily change background color
  • Display images with varying dimensions
  • Image preloader
  • Animation effects can be applied to large image (transition in and out)
  • Thumb container can be positioned on the bottom or top of the page
  • Optional title can be displayed for each image
  • Free

More information about the gpFlashGallery can be found on The files can be downloaded from GitHub.

BTW, the reason I named the subdomain galleries rather than gpflashgallery is because I plan to add to add other photo galleries there in the future. I created both a Dojo and JQuery photo gallery almost a year ago for projects that I was working on. Once I get change to document the plugins/widgets, I will place them on the galleries subdomain.

Let me know what you think.

Checkout My New Site - T-shirts For Geeks

Web 2.0 Color Harmonizer

Cool Sites

In a previous post, I discussed the web 20. domain name generator that I created on The other tool that I created for this subdomain was a web 2.0 color harmonizer.

The web 2.0 color harmonizer tool allows you to select colors from 4 different color palettes:

  1. You can select a color from a web 2.0 color palette
  2. You can select a color from a web216 color palette
  3. You can select colors from an image by entering the url of the image
  4. You can select colors from a random Flickr image

The color harmonies displayed include color schemes from a color wheel: Complementary, Split-Complementary, Analogous, Triad, and Tetrad (or quadrads). A 5% Saturation gradient, a 5% Luminance Gradient, and a 5% combined Saturation/Luminance gradient will also be displayed for the selected color.

I created a CakePHP Component to calculate the color harmonies and created a JQuery Plugin to display the results. Let me know what you think.

Checkout My New Site - T-shirts For Geeks

Web 2.0 Domain Name Generator

Cool Sites

I purchased the domain name quite a few years ago. I wasn’t sure what I was going to do with it when I first purchased the name (but I knew that it was a great domain name). Although I still haven’t decided what the focus of the site should be, I decided, for now, to create a web 2.0 domain name generator on the site. I developed the site using CakePHP and jQuery. I created a JQuery plugin to provide the domain names ajaxally (a term that I added to wikipedia – and yes, I already purchased the domain name) .

The site divided into two subdomains ( and I’ll discuss the galleries subdomain in a later post.

I’ve seen other web 2.0 domain name generators, but my site offers more than just web 2.0 domain name generation. The site contains two main buttons (web 2.0 and suggest)

Click the web 2.0 button and a domain name will be dynamically generated.

I you click the suggest button, a dialog box will be displayed with a name input field and a category dropdown. The categories are: automotive, art, books, business, clothing, computers/internet, entertainment, health/fitness, money/finance, music, politics, popular, romance, travel, and urban dictionary.

After entering a name and selecting a category, a list of domain names will be displayed. You can then click on the name and click the search button to find whether the name is available. If you click on a name from the ‘urban dictionary’ category, a popup will be displayed with the definition from I’ve only added 40-50 names from – I plan to add more later.

After entering a name from the suggest or clicking the web 2.0 button, you can then search for the availability of the name.

If a domain name exists, the Google Page Rank, Alexa Rank, Google, Yahoo, and Bing BackLinks counts will be displayed. You will also be provided a link to the whois database for that name as well a link to Alexa Stats.

If the domain name does not exist, you will be provided a link to a number of domain name registrars.

I worked on this site on-and-off for about 6 months (whenever I had the time). I think that it’s pretty cool. The site provides an Ajax web 2.0 domain search generator and an Ajax domain search tool. Let me know what you think.

Checkout My New Site - T-shirts For Geeks