What is Toluu?
Toluu is a free service for sharing the feeds you read and discovering new ones.		 Get Invite

Ajaxian

Cleaning up the web with Ajax


JavaScript Bra Size CalculatorNovember 28

Now this could only fly on a Friday ;)

Ed Spencer has coded up a bra size calculator in JavaScript:

One of the more mesmerizing websites I've worked on recently was for a lingerie boutique in the UK. Aside from the unenviable task of having to look at pictures of women in lingerie all day, I was also forced (forced!) to write a bra size calculator.

The theory behind bra size calculation is arcane and somewhat magical. Understanding of it does not come easily to man nor beast, so it is lucky that I, falling cleanly into neither category, have passed through pain and torment to save you the trouble.

After hours of testing he came up with the BraCalculator:

PLAIN TEXT
JAVASCRIPT:
  1.  
  2. var BraCalculator = {
  3.  
  4.   /**
  5.    * The string to be returned when the result could not be calculated.  Overwrite to change this
  6.    */
  7.   unknownString: "Unknown",
  8.  
  9.   cupSizes: ["A", "B", "C", "D",
<!doctype html>November 28
PLAIN TEXT
HTML:
  1.  
  2. <!doctype html>
  3.  

That is what HTML 5 defines, and Dustin Diaz agrees as he lays down the skinny:

Doctypes have long been in standardista discussions circles. Why to use them. Which one to use. Which one is best. These are all <sarcasm>really fun details</sarcasm> to get into, but the most important aspect of any doctype is simply having one, since without one, you’re stuck in the lovely world of “quirks mode”. If you’re interested in understanding the anatomy of a doctype, then by all means, dive in.

There is really, absolutely no reason you need the rest of the doctype in your declaration unless you’re validating code. Furthermore, it does not mean that your page is even invalid. In the end, it puts your webpages into standards mode, which is what really matters. (Plus it’s easy to memorize ;)

Try it out. It will fix your box model in IE6 and clobber all those other funny gotchas when you’re in quirks mode. Cheers.

Do you concur?

s3slider: fading gracefullyNovember 28

s3slider is a simple jQuery plugin that smoothly lets you fade through a set of images.

You include the script and then:

PLAIN TEXT
HTML:
  1.  
  2. // setup the images
  3. <div id="s3slider">
  4.    <ul id="s3sliderContent">
  5.       <li class="s3sliderImage">
  6.           <img src="#" />
  7.           <span>Your text comes here</span>
  8.       </li>
  9.      
Drawter: Visual Web based HTML toolNovember 26

Damian Wielgosik has created Drawter, a web based tool to layout pages:

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.

Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required.

Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called “Amateur”. Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching soon, really soon.

He has a detailed screencast of the tool in action where you see how you can flip between draw and edit modes to build up your page. Nicely done!

ajaxian?i=YvEbN
Getting Semantic With Microformats Series by Emily LewisNovember 26

One of the best aspects of living in the Bay Area is bumping into all sorts of interesting computer folks. Today I’m working from a coffee shop and bumped into Tantek Çelik, CSS and Microformats man. He pointed me to a fabulous blog series introducing Microformats and all the major formats for a more lay-person audience, created by Emily Lewis: