HTML5 Encoding Secrets

Posted by: csschops on Jun 12, 2011 | No Comments

Source: http://www.streamingmedia.com/Articles/Editorial/Featured-Articles/HTML5-Encoding-Secrets-75939.aspx

An hour is all a developer needs to begin working with MPEG4/H.264 and WebM video. That’s the length of Jan Ozer’s information-packed session How To: Encoding Video for HTML5 at the recent Streaming Media East conference in New York City.

Good presentation with useful show notes here: http://conferences.infotoday.com/documents/123/SMEast2011-JanOzer-EncodingHTML5.pdf

Spoiler: This one for the more techie-minded…

html5 snippets

Posted by: csschops on Jun 4, 2011 | No Comments

Source: http://html5snippets.com/

Nice idea.

CSS transitions & media queries

Posted by: csschops on Jun 2, 2011 | No Comments

Source: http://elliotjaystocks.com/blog/css-transitions-media-queries/

File this under ‘UI effects that are essentially rather useless but add a nice little touch if anybody happens to notice them’.

Nice post by Elliot Jay Stocks documenting the transition effect with growing / shrinking type and image sizes when the browser window is resized.

CSS3 and HTML5 Toolbox Starter

Posted by: csschops on Jun 1, 2011 | No Comments

Source: http://www.noupe.com/tools/css3-and-html5-toolbox-starter.html

Another great round-up of CSS3 and HTML5 tools.

Is IE9 a modern browser?

Posted by: csschops on May 30, 2011 | No Comments

Source: http://people.mozilla.com/~prouget/ie9/

Mozilla’s proclamation to Microsoft.

Type study: An all CSS button

Posted by: csschops on May 30, 2011 | No Comments

Source:http://blog.typekit.com/2011/02/10/type-study-an-all-css-button/

Nice article from Dan Cederholm on an all-CSS/web fonts button.

Media Queries

Posted by: csschops on May 30, 2011 | No Comments

Source:http://mediaqueri.es/

A collection of responsive web designs.

In its essence a media query consists of a media type and an expression to check for certain conditions of a particular media feature. The most commonly used media feature is width.

By restricting CSS rules to a certain width of the device displaying a web page, one can tailor the page’s representation to devices (i.e. smartphones, tablets, netbooks, and desktops) with varying screen resolution.

SproutCore

Posted by: csschops on Oct 6, 2010 | No Comments

Source: What is SproutCore?

Useful JavaScript framework.