Following
…Subscribe Button for Following Anyone's Public Updates
The HTML5 scoped attribute for styling
Un-fixing Fixed Elements with CSS Transforms
Brendan Eich on Ecma TC39, JavaScript.next, and Google Dash
HTML5 Games: Creating Fun with HTML5, CSS3 and WebGL
ISBN: 978-1-1199-7508-3
Paperback, ~416 pages
Due out in November 2011
Writing a book is crazy. Like eating strawberries while stabbing yourself in the leg. Painful yet delicious. I have massive respect for people who can just put words on paper like it was nothing.
This has easily been one of the most difficult tasks I've put myself in front of, which I suppose is why I haven't been doing much around here lately. …
CSS:
div .inner { width : 120px ; text- overflow : ellipsis ; white-space : nowrap ; overflow : hidden ; color : red ; border : 1px dashed #333 ; margin : 20px ; padding : 10px ; }
Result:
As you can see, it's pretty easy to make text that cuts off in a sane way with this new property. Our developer page for the property also contains sample syntax for other browsers.
WebSockets: Updated protocol and available on mobile
First, WebSockets is now enabled by default …
…interesting effects can be created using image maps and more modern HTML / CSS / JavaScript techniques, while still falling over to the basic functionality in older browsers. The ImageMapster demos page has a lot of examples — the " Vegetable Tray" example shows off some of the basic features.
By calling $('img').mapster(options) , ImageMapster will attempt to bind to each image that has an associated map. An area within the image map can be selected …
TransformJS is a jQuery plugin for helping with CSS transforms
A Developer's Guide to HTML5 Canvas - quite an extensive guide from Malcolm Sheridan
Javascript Cryptography Considered Harmful
Javascript Finite State Machine
keymaster is a microlibrary by Thomas Fuchs for handling keyboard shortcuts
cryptic is an encryption system using …
…using the age-old S5 framework because of its wide browser support, but found both the CSS and JavaScript to be seriously outdated and bloated. That and the fact that most of my presentations are given to folks with newer browsers, I guess I shouldn't feel too bad that any presentations developed with these HTML5 slide frameworks aren't going to work everywhere.
Libraries and Frameworks
Paladin is a Mozilla initiative to support open-source gaming. It includes …
CSS Animations: are fully implemented with the syntax pioneered by WebKit. This is very exciting for us because it means that Sencha Animator animations play easily on IE10 with a simple find/replace of -webkit to -ms.
CSS3 Shadows: both text and box shadows are completely supported (including inset shadows!). Combining shadows with other effects works flawlessly.
CSS3 Gradients: fully supported with new style webkit/mozilla syntax which allows circular and elliptical radial gradients …
WebGL Examples
I found this collection of WebGL examples at ibiblio.org that includes a few things I haven't seen before, particularly Cycleblob which is an interesting take on the Tron light cycles concept.
Backbone Forms
Backbone Forms by Charles Davison is a form framework for Backbone.js with some advanced features like nested forms, and it even comes with CSS for styling fields.
This library makes it possible to automatically generate forms based on model instances:
…great things, but I would say the evolution the last couple of years with HTML5 and CSS3 features and how web browsers are improving everyday is fantastic, and it continues to do so in a rapid way. And while improving, it is also about giving users choice: not to tell them what to use or how to access it, but instead offering end users to choose their own tools, and to combine them any way they see fit.
One rendering engine? Yeah, that worked out great last time around... We need competition, …
Writing Efficient CSS for use in the Mozilla UI
XPCOM
Interfaces
Thanks to Neil Rashbrook for his contributions last week.
Plugins
CSS
Thanks to McGurk and Jean-Yves Perrier for their contributions last week. …
The Tech Reflector is a Social News website about Javascript. We're reading 40 blogs, so that you don't have to. - John, Editor.
