Tag Archive for 'JavaScript'

FLOWing introduction animation for a better user experience

Most product websites will layout a bunch of images and text content on the page (maybe even a slick video if you’re lucky) and expect users to make sense of it all. Flow (by MetaLab) on the other hand uses some simple, fun, animation effects to facilitate a visual point of reference, narrating (or aptly: ‘flowing’) the user through the rest of their product experience; discovering more about this task management app – great stuff!

Form input labels with (HTML5) placeholder attributes

Update 16/12/2010

I used this jQuery placeholder plugin to do the job today and it worked nicely.

The new HTML5 specification introduces the form input placeholder attribute, which allows us to define a hint to help users fill out input fields. If you’re using a WebKit-based browser right now you should find working examples of the new input placeholder in use on this page.

Working with form elements, especially labels, can present a dilemma for many…

Proportionator (alpha 1.0)

Update 26/11/2010

Pending feature requests for v1.1 (beta):

  • Custom aspect ratios
  • Default radio input
  • Full form entry validation
  • Height to width conversion
  • Outputs image place holders
Update 30/11/2010

Proportionator gets a new home: http://www.proportionator.co.uk/. The project also welcomes the very talented @_alanshaw on-board to help get some of these feature requests out the door. Boo yar!

Try Proportionator?

Proportionator (beta 1.0)

Proportionator (beta 1.0)

Problem:

Simply put; you’d like to be able to insert media (notably images) into your new WordPress 3.0 posts and pages – and any other website page – and ensure the dimensions fill the column width, helping to:

What the 80/20 Rule Tells Us about Reducing HTTP Requests

Most performance optimization today are made on the parts that generate the HTML document (apache, C++, databases, etc.), but those parts only contribute to about 20% of the user’s response time. It’s better to focus on optimizing the parts that contribute to the other 80%.

Yahoo! Interface Blog

html5readiness.com

A wonderfully visual HTML5/CSS3 browser support resource I revisited this evening, buried in my bookmarks:

http://html5readiness.com/ screenshot

HTM5 Readiness screenshot

http://html5readiness.com/

What have you been reading recently?

A selection of books I’ve been enjoying recently:

'Universal Principles of Design' is THE BIBLE.

'Universal Principles of Design' is THE BIBLE.

Attention

Have any recommendations of your own? Drop them in the comments. The tenth insightful comment wins my pristine second copy of Handcrafted CSS by Dan Cederholm and Ethan Marcotte (great book BTW)!