Simian Design, by Tony Stephens

  • elsewhere

    • Label Placement on Forms

      When creating a web form, one of the many choices you must make is how you are going to align your labels with your inputs. This is not a trivial decision, as this placement affects the readability/usability of your form, completion rates, speed of completion, and ultimately the satisfaction level of the users trying to get through your form.

      August 5 at 12:44 pm
    • A Scenic Night in Binbrook

      July 5, 2008 I had the pleasure of observing and photographing the stars at a local conservation area and dark sky site in Binbrook, Ontario, Canada. I imaged this scene with an unmodified Canon 40D, Sigma 17-70mm lens (17mm @f2.8) and standard camera tripod with no tracking. This is a stack of 15x20sec exposures @ ISO 800 on the Milkyway down to the tree line, and another single 20sec exposure on the rest of the landscape below to create a two frame composite. Stacking was done in Deep Sky Stacker and processing was done in PS with layers. I was really lucky that the the water was beautiful and still enough so that the stars casted a nice reflection in the water. In this shot you can also see Jupiter, various nebulas in the MilkyWay, Rho Ophiuchus and the light dome from a distant town. Published: NASA Astronomy Picture of the Day SkyNews Photo of the week #349

      August 5 at 12:35 pm
    • Concept Ships

      A great site with a collection of space ship designs, art and concepts. Great for the inner geek in you.

      August 5 at 12:26 pm

Pixels to Ems Conversion

A really great chart to determine the Pixels to Ems Conversion Table for CSS. Thank you Jon Tan.  A quick over-view/sampling below.

px font-size em equivalent 1px in ems
11 0.689 0.091
12 0.750 0.083
14 0.875 0.071
16 1.000 0.063
18 1.125 0.056
20 1.250 0.050

What this chart allows you to do is determine the em width of something. Say you have something that is 770px wide, and using a font-size of 1em. You know then that the em-width of the layout is: 1 ÷ 16 × 770 = 48.125em.