The New York Times’ newest mini-site, Lens, launched today. Nice horizontal design and great content.

Lens is the photojournalism blog of The New York Times, presenting the finest and most interesting visual and multimedia reporting — photographs, videos and slide shows. A showcase for Times photographers, it also seeks to highlight the best work of other newspapers, magazines and news and picture agencies; in print, in books, in galleries, in museums and on the Web. And it will draw on The Times’s own pictorial archive, numbering in the millions of images and going back to the early 20th century.

The Big Picture does it again with photography on one of my favorite topics: space. These are spectacular images of Earth from a much higher-than-normal altitude of 360 miles.

On Monday, May 11, after months of delays and preparation, NASA’s Space Shuttle Atlantis launched from the Kennedy Space Center on the final servicing mission to the orbiting Hubble Space Telescope. The seven crew members left Florida for low Earth orbit at 2:01 pm, for a scheduled 11-day mission, including 5 days of Extra-vehicular activity (EVAs) to work on the Hubble. 31 photos total.

I turned 30 years old just a few days ago, and in the spirit of pausing a moment to look back at the year I was born, I thank Flickr.

A quick search for “1979″ turns up nearly 150,000 snapshots from the year I was brought into this world by the best parents any son could ask for. Thanks Mom and Dad. And happy birthday to me.

For my good friend, this site now serves full text in its RSS feed. All you readers out there, enjoy.

At the end of April, my employer, Wall Street On Demand, hosted speaker and former Yahoo! performance evangelist Nicole “Stubbornella” Sullivan for an all-day workshop on high-performance websites and Object Oriented CSS.

Here at Wall St., we host some of the largest financial websites on the Internet. From The New York Times to E*TRADE and Barclays to Charles Schwab, our data centers serve content to millions and millions of users per week. It’s imperative our websites provide accurate market data, look good, are easy to use, and are fast. With so much information to relay, we’re pushing a lot of data (including scripts, CSS, images, etc.) through the pipe. So Nicole’s presentation was perfect fodder for our design and development teams.

A few highlights from her talk, with some links for your consumption follow.

• Nine best practices for designing and building faster websites:
  1. Create a component library of smart objects.
  2. Use consistent semantic styles.
  3. Design modules to be transparent on the inside.
  4. Optimize images and sprites.
  5. Avoid non-standard browser fonts.
  6. Use columns rather than rows.
  7. Choose your bling carefully.
  8. Be flexible.
  9. Learn to love grids.
• Watch her presentation on the YDN.
• PNG8 is the clear winner for images on any website. They’re smaller in file size than GIFs (I didn’t believe it until I saw it), and they support transparency in IE5.5 and IE6. No CSS filter hacks needed. If you’ve got a copy of Fireworks, you’re in business because Photoshop doesn’t help create PNG8′s transparency. If you don’t have Fireworks and are comfy with the command line, see this guide to making alpha transparency in PNG8.
• Embrace Smush.it — a web service and Firefox plugin created by Nicole and former co-worker Stoyan Stefanov. The tool allows web developers to upload images of any kind while Smush.it runs through a long list of compression algorithms stripping meta data and needless information from them before spitting them back to you in a Zip file. It all happens in seconds and a few tests we ran here — 15 images reduced in size by 320kb (99.18% compression rate) — yielded impressive results. Evidently, Smush.it is in the process of being adopted by Yahoo! which has immediately interrupted the service (but hopefully not permanently).
• Consider Object Oriented CSS, or OO CSS. Much of OO CSS is in the 9 best practices mentioned above. But it’s not what you think. It’s not object oriented in the traditional programming sense of the term. It’s object — as in a virtual thing: a module, a header, a sidebar bucket, etc. I had a hard time with this one in the beginning. Most of OO CSS is pure common sense — at least it is here at Wall St. Sit down, evaluate your designs before you start building, and determine a baseline for common elements across the site. Then piece together your CSS efficiently. Three really useful tips for page layout:
  1. Don’t use height-specific modules. Let the content determine the height. This is genius and must be recognized by designers. Vertical grids, not horizontal.
  2. If you have two or three modules with rounded corners that are different but look similar, just pick one and move on. “Users aren’t that sophisticated,” she said.
  3. Use grids to determine layout, and let the content fill 100% of the available space. This way two columns becomes three columns or becomes 6 columns and the content continues to just fit.
• Set aside a few minutes to watch her presentation on OO CSS. It’s not earth-shattering stuff, but she does make some interesting points that convinced us to approach web dev from a slightly different angle.

Thanks Nicole. Safe travels in India.