Interesting Tidbits

A Minimal HTML5 Document

Fri, 23 Jul 2010 16:49:04 -0400

The base set of elements to have a valid HTML5 document.

“Design should not dominate things. And not dominate...

Thu, 15 Jul 2010 09:19:18 -0400

“Design should not dominate things. And not dominate people. It should help people. That’s what’s important.” — Dieter Rams

Fake - Mac OS X Web Browser Automation and Webapp Testing Made Simple

Tue, 06 Jul 2010 17:30:42 -0400

Fake - Mac OS X Web Browser Automation and Webapp Testing Made Simple

"It is recommended that the reference pixel be the visual angle of one pixel on a device with a pixel..."

Mon, 05 Jul 2010 16:25:58 -0400

“It is recommended that the reference pixel be the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm’s length.”

- CSS 2.1

Typography CSS Tip: Kerning Pairs & LIgatures

Tue, 29 Jun 2010 17:11:20 -0400

Typography CSS Tip: Kerning Pairs & LIgatures:

Improve rendering of kerning pairs and ligatures by using text-rendering: optimizeLegibility

“Apple of My Eye” - an iPhone 4 film (by Michael...

Mon, 28 Jun 2010 17:26:40 -0400

“Apple of My Eye” - an iPhone 4 film (by Michael Koerbel)

webkitbits: Louis Harboe has recreated the iOS4 icons in Pure...

Mon, 28 Jun 2010 05:58:55 -0400

webkitbits:

Louis Harboe has recreated the iOS4 icons in Pure CSS. These are incredible, and totally resolution independent. (via jayrobinson)

Amazing.

simple-iphone-image-processing

Mon, 14 Jun 2010 16:48:36 -0400

simple-iphone-image-processing:

An Objective-C wrapper that provides a set of common image processing tasks along with conversion to and from UIImage.

BlogKit, a Plugin to Add a Blog to your Rails App

Wed, 09 Jun 2010 15:52:43 -0400

BlogKit, a Plugin to Add a Blog to your Rails App

"Safari Toolbar CSS" by Chris Morrell

Wed, 09 Jun 2010 15:52:43 -0400

"Safari Toolbar CSS" by Chris Morrell

"One point does not necessarily correspond to one pixel on the screen."

Wed, 09 Jun 2010 13:31:36 -0400

“One point does not necessarily correspond to one pixel on the screen.”

- A very important reminder in the Apple Developer Documentation

"A more appropriate analogy would be two boxes of crayons, each having let’s say 64 crayons for..."

Fri, 04 Jun 2010 15:15:12 -0400

“A more appropriate analogy would be two boxes of crayons, each having let’s say 64 crayons for simplification. AdobeRGB’s box of crayons includes a larger variety of colors, including some neat ones like neon green that aren’t in the sRGB box. But with the sRGB box, you get more variations in it’s colors such as red, light-red, light-light-red, medium-light-red, etc., which aren’t all present in Adobe’s box of crayons.”

- Should I Shoot in the Adobe RGB or sRGB Color Space?

html5watch: Nicholas Gallagher: This is an experiment that...

Tue, 01 Jun 2010 08:00:01 -0400

html5watch:

Nicholas Gallagher:

This is an experiment that creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript.

It bears repeating that the point of experiments like this isn’t to replace logos with CSS, but to show that fairly complex designs can be made in CSS - and you’ll need that sooner or later.

A similar, and more useful, demo: CSS speech bubbles.

RED: Resource Expert Droid

Mon, 31 May 2010 13:04:18 -0400

RED: Resource Expert Droid:

RED is a robot that checks HTTP resources to see how they’ll behave, pointing out common problems and suggesting improvements. Although it is not a HTTP conformance tester, it can find a number of…

Rails 3 Dictionary for Mac OS X

Fri, 28 May 2010 11:50:47 -0400

Rails 3 Dictionary for Mac OS X:

Add a custom dictionary to make it super easy to lookup Rails documentation with ctrl+⌘+D.

"Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two..."

Wed, 26 May 2010 13:45:17 -0400

“Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.”

- F-Shaped Pattern For Reading Web Content (Jakob Nielsen’s Alertbox)

Better Page Corner Ads with CSS3 Transforms

Mon, 24 May 2010 19:02:15 -0400

Better Page Corner Ads with CSS3 Transforms

CodeRack

Fri, 21 May 2010 16:06:20 -0400

CodeRack:

Our goal now is to help the community share Rack middlewares, and become the destination site for developers searching for useful middlewares.

Architecting TekPub - Moving from ASP.NET MVC to Ruby on Rails

Thu, 20 May 2010 15:42:56 -0400

Architecting TekPub - Moving from ASP.NET MVC to Ruby on Rails:

“The Rails platform has matured to the point where it’s almost difficult to justify *not* using it.”

Canvas2Image : Saving Canvas data to image file

Wed, 19 May 2010 10:05:42 -0400

Canvas2Image : Saving Canvas data to image file:

Mostly a hack and only works in a limited set of browsers. But still!