HTML

TwitterFacebook
Get flash to fully experience Pearltrees
http://www.brucelawson.co.uk/2012/best-of-time/

Bruce Lawson’s personal site  : The best of <time>s

As before, you can put anything you like between the opening and closing tags – that’s the human-readable bit. The machine-readable bit is contained within a datetime attribute. Dates are expressed YYYY-MM-DD. Previously, you could only mark up precise dates. So, 13 November 1905 could be expressed in HTML but November 1905 couldn’t be.
http://developers.facebook.com/blog/post/583/ Many developers are now using HTML5 to build apps. It is easy to develop for and it works across a number of different platforms, with minimal or no code change. You can code in something as simple as Notepad, and instantly see it come to life in the browser on your desktop, phone, or tablet. Today we are releasing three new HTML5 resources to help developers learn from our experience and the experience of other industry leaders building HTML5 apps:

Introducing HTML5 Resource Center - Facebook Developers

Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub . Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. http://960.gs/

960 Grid System

The HTML parser is one of the most complicated and sensitive pieces of a browser. It controls how your HTML source code is turned into web pages. The new parser is faster, complies with the HTML5 standard, and enables a lot of new functionality as well. This parser lets content embed SVG and MathML directly in the HTML markup. https://mozillademos.org/demos/dashboard/demo.html

Awesome HTML5 Dashboard

encoding

Download Boilerplate 3.0.2 Updated Feb 19th Download Boilerplate Keep the hints and links or Download Boilerplate "stripped" No comments, just the bizniss. or Customize Boilerplate 100% hipster. The key feature of this update is making Boilerplate smaller. Most of the changes have been working towards that.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

http://html5boilerplate.com/
Even for the seasoned developer, it can be difficult to know where to start if you want to embrace the new technologies of HTML5 and support new devices like the iPhone, Android-based smartphones or the iPad without neglecting users on older browsers. Fortunately, the collaborative nature of the web means that lots of developers and designers are working out best practices and solutions toward these problems together. One of the most interesting new projects aimed at giving designers and developers a starting template for integrating HTML5 and other modern features into their sites is HTML5 Boilerplate . http://mashable.com/2010/09/02/html5-boilerplate-guide/

HOW TO: Get Started with HTML5 Boilerplate

html

Both developments are free and open-source software. We’re still in an early development stage, we’ll publish more code and demos along the way (MIT license). Ever wanted to… create your own slideshow in HTML? synchronize HTML content with multimedia streams? (subtitles, transcriptions, annotations…) animate HTML elements? …without writing any single line of JavaScript? http://wam.inrialpes.fr/timesheets/index.html

HTML Timing using SMIL/Timesheets

HTML5 - Introduction

HTML5

http://www.w3schools.com/html5/html5_reference.asp HTML5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors. Some of the new features in HTML5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML5 also contains new elements like , , , and .

HTML 5 Tag Reference

HTML5 Media Support

Posted by Antti Koivisto on Monday, November 12th, 2007 at 2:14 pm Another nice feature from the HTML5 draft specification is now available in the WebKit nightly builds for Mac OS X. The new HTML5 and elements add native support for embedding video and audio content in web pages. http://www.webkit.org/blog/140/html5-media-support/
IntroStuff

Just because you didn’t get to go to that awesome conference doesn’t mean that you can’t still watch the lectures! Each weekend, we’ll feature a recommended web development lecture on Nettuts+. In December of last year, Remy Sharp spoke at CODEBITS about the various new HTML5 APIs.

HTML5 JavaScript APIs | Nettuts+

http://net.tutsplus.com/tutorials/html-css-techniques/html5-javascript-apis/

Fun with HTML5 Forms | Think Vitamin

Feature Rich Forms With a combination of server-side scripting and AJAX we now have feature-rich forms, but all at the expense of programming complexity. Funny thing is, we’re now so used to this sort of code that what is about to happen almost seems too simple. Inevitably, as is the case with much of the HTML5 spec, HTML has now caught up with the needs of web designers and developers by providing a remarkably simple way of creating usable and even extensible forms. Each form field uses something from the HTML5 spec and we’ll run through it one step at a time. When I refer to a browser supporting a particular feature, I mean the very latest stable release of that browser which you can download from the relevant vendor website.
Surfin’ ain’t easy, and right now, you’re lost at sea. But don’t worry; simply pick an option from the list below, and you’ll be back out riding the waves of the Internet in no time.

HTML5 and CSS3 for the Real World

In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white. Uncounted bees and yellow jackets, newly born, raced out of their hives and holes, overwhelmed by this impossible banquet.

HTML5 Presentation

Whenever a slider has focus, the keys ← , → , ↑ , ↓ , Ins and Del can be used to control the slider handle (pressing either the Page up or Page down keys or CTRL and an arrow key will move the handle by two steps at a time), the Home key to set the slider at the minimum value and the End key to set the slider at the maximum value.

Accessible, unobtrusive slider/HTML5 polyfill script demo

Unicode Tools

What is Unicode? Unicode is a standard encoding system for computers to display text and symbols from all writing systems around the world. Unicode is coordinated by the Unicode Consortium . There are several Unicode encodings: the most popular is UTF-8 , other examples are UTF-7 and UTF-16. UTF-8 uses a variable-length character encoding, and all basic Latin character codes are identical to ASCII. On the Unicode website you can read the following definition for Unicode: Unicode provides a unique number for every character, no matter what the platform, no matter what the program, no matter what the language.