Tingle's Technology Notes
Demo: Pure CSS folded-corner effect
In one of the outstanding sessions of YUIConf 2010, author and standards expert Tantek Çelik, formerly of Technorati, discusses the current state of HTML5 specifications and their readiness for use in shipping web applications. (Tantek also joined a special YUIConf panel discussion on the future of frontend engineering.) If the video embed below doesn’t show up correctly in your RSS reader of choice, be sure to click through to watch the high-resolution version of the video on YUI Theater. Other Recent YUI Theater Videos: YUI Theater — Tantek Çelik: “HTML5: Right Here, Right Now” (56 min.)
About Validator.nu Validator.nu is validation 2.0. The Pitch No DTD-Based Validation Validator.nu does not check for XML 1.0 validity constraints. That is, DTD validation is not performed. Validator.nu does not perform the duties of a “validating SGML parser” as defined in ISO 8879.
Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in August, 2010. This industry moves fast -- really fast! If you're not careful, you'll be left in its dust. So, if you're feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know. 1.
When writing CSS3 properties, the modern wisdom is to list the "real" property last and the vendor prefixes first: Why is this method of ordering properties so commonly taught? Here is what it would look like "the wrong way": Ordering CSS3 Properties
HTML 5 innerShiv
One of the coolest new features of HTML5 is WebSockets, which let us talk to the server without using AJAX requests. In this tutorial, we’ll review the process of running a WebSocket server in PHP, and then building a client to send and receive messages to it over the WebSocket protocol. What are WebSockets? WebSockets is a technique for two-way communication over one (TCP) socket, a type of PUSH technology. At the moment, it’s still being standardized by the W3C; however, the latest versions of Chrome and Safari have support for WebSockets.
At last week's GTUG campout, a 3-day long HTML5 hackathon, I signed up to be a TA for the weekend. That meant I spent most of my time wandering around answering random questions and helping developers debug their hacks. But, I can't be surrounded by a bunch of people hacking on cool shit and not join in myself -- it's just way too tempting. 5lide: HTML5-based Slides Maker
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.
Expanding Images using HTML5′s contenteditable tabindex Published by Chris Coyier HTML5 has a new attribute, contenteditable, which can be applied to any element which allows it to be edited directly in the browser window. Think of text input with a predefined value, but it can literally be any element. Form elements like text inputs support the :focus pseudo class, which allow us to style those elements when they are clicked upon or otherwise navigated to. Giving an element the contenteditable attribute means it also now supports the :focus pseudo class, which opens up some interesting possibilities! We'll exploit this little trick to make an expanding image (like a lightbox without the overlay) right within some content.
This is the fourth post in our series about Scribd’s HTML5 conversion. The whole process is neatly summarized in the following flowchart: In our previous post we wrote about how we encode glyph polygons from various document formats into browser fonts. Plan B: Font Fallbacks « coding@scribd
The Future of Web Apps - Single Page Applications | The Worm Hole
2 Common infrastructure — HTML5
HTML5 Forums :: View topic - Microdata implementation
HTML5 Peeks, Pokes and Pointers
HTML5 JS APIs
HTML5 input placeholder= via YUI)