HTML 5 data- Attributes. A new feature being introduced in HTML 5 is the addition of custom data attributes. This is a, seemingly, bizarre addition to the specification – but actually provides a number of useful benefits. Simply, the specification for custom data attributes states that any attribute that starts with “data-” will be treated as a storage area for private data (private in the sense that the end user can’t see it – it doesn’t affect layout or presentation).
This allows you to write valid HTML markup (passing an HTML 5 validator) while, simultaneously, embedding data within your page. A quick example: <li class="user" data-name="John Resig" data-city="Boston" data-lang="js" data-food="Bacon"> <b>John says:</b><span>Hello, how are you? </span></li> The above will be perfectly valid HTML 5. Using HTML, but with a custom DTD.Using XHTML, with a specific namespace. On top of this a simple JavaScript API is presented to access these attribute values (in addition to the normal get/setAttribute): Sass: Syntactically Awesome Style Sheets. Animate.css. Design Inspiration. Dojo Nano. Ultimate CSS Gradient Generator - ColorZilla.com.
Pure. A "Hello World" app for Samsung Internet@TV. Samsung Internet@TV is a platform that aims to bring content from the Internet into people's living rooms through certain Samsung televisions and Blu-ray players (be careful to check app availability though). The system uses HTML “widgets” to bring an app like experience to the TV set. For developers this is a chance to experience developing for an embedded system while needing only HTML, CSS and Javascript skills. As another bonus Samsung are currently running a competition for developers in Europe (at the time of writing there is about one month left until closing) where you can win some decent prizes. In this post I will attempt to pull together some information on how to build a simple “Hello World” app and then deploy it to a real Internet@TV device for testing.
There was a US version of the developer challenge but it is now closed for submissions. Installation A simple “Hello World” widget As this is a web widget we will need an HTML file and a CSS file to style it. <! Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification. This specification defines Cascading Style Sheets, level 2 revision 1 (CSS 2.1). CSS 2.1 is a style sheet language that allows authors and users to attach style (e.g., fonts and spacing) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS 2.1 simplifies Web authoring and site maintenance.
CSS 2.1 builds on CSS2 [CSS2] which builds on CSS1 [CSS1]. It supports media-specific style sheets so that authors may tailor the presentation of their documents to visual browsers, aural devices, printers, braille devices, handheld devices, etc. It also supports content positioning, table layout, features for internationalization and some properties related to user interface. CSS 2.1 is derived from and is intended to replace CSS2. This section describes the status of this document at the time of its publication.