Google ‘Streaming’ search

Tuesday 24 August 2010 - Filed under Web development

Search results updated by the key stroke. (via The Register)

 ::  Share or discuss  ::  2010-08-24  ::  Asgeir

New type attributes in HTML5 forms

Friday 20 August 2010 - Filed under HTML5

Another extremely handy feature introduced in HTML5, is the ability to more specifically define what kind of information is expected in an input, so that in turn, your handheld device can display the appropriate keyboard.

In previous versions of HTML, you were restricted to the text input type for written information. However, you were not able to define what kind of information a text field was expecting.

HTML5 introduces 13-ish new input types

With the new input types, you can define that aparticular input is expecting a phone number, or an email address, or a URL, or a date, et cetera. The most practical use of the new values, beside the fact that it makes more sense, is that user agents can display the most useful keyboard for the input.

Full list of HTML5 input types (as of 20. August 2010)

*  input type=text
*  input type=password
*  input type=checkbox
*  input type=radio
*  input type=button
*  input type=submit
*  input type=reset
*  input type=file
*  input type=hidden
*  input type=image
*  input type=datetime NEW
*  input type=datetime-local NEW
*  input type=date NEW
*  input type=month NEW
*  input type=time NEW
*  input type=week NEW
*  input type=number NEW
*  input type=range NEW
*  input type=email NEW
*  input type=url NEW
*  input type=search NEW
*  input type=tel NEW
*  input type=color NEW

 ::  Share or discuss  ::  2010-08-20  ::  Asgeir

Placeholder text in HTML5 forms

Thursday 19 August 2010 - Filed under HTML5

One of the many improvements in HTML5, is the input placeholder attribute. Instead of using javascript to achieve this functionality, you can now specify the placeholder directly in the input tag. Whenever the input is empty and not in focus, the placeholder text will be displayed.

 ::  Share or discuss  ::  2010-08-19  ::  Asgeir

Comic Sans, scooch over, we have Rosewood!

Tuesday 17 August 2010 - Filed under CSS

Adobe and Typekit are teaming up to bring some of the world’s most popular, recognizable, and respected fonts to the web. Starting today, you’ll be able to use classics like Adobe Garamond, News Gothic, Myriad, and Minion plus many more on your website — all of them newly optimized and hinted for the screen.

I can not wait to see the personal weblogs about food and babies, with body copy set in Bickham Script with negative leading.

(But seriously, we get Myriad!)

 ::  Share or discuss  ::  2010-08-17  ::  Asgeir

CSS3 media queries in older browsers

Wednesday 4 August 2010 - Filed under CSS

css3-mediaqueries-js is a small javascript library that gives you support for CSS3 media queries in older browsers, including IE5+, Firefox 1+ and Safari. Newer versions of Firefox, Opera, Safari and Chrome already offer native support.

If you are unfamiliar with media queries, I suggest reading Ethan Marcotte’s article in a recent issue of A List Apart. Speaking of which, I just finished the first A Book Apart by Jeremy Keith. It is a short read, clearly explaining the most important aspects of HTML5.

1 comment  ::  Share or discuss  ::  2010-08-04  ::  Asgeir