Following
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 …
…parser-inserted scripts block the parser; script-inserted scripts execute asynchronously in IE and WebKit, but synchronously in Opera and pre-4.0 Firefox.
Tony Gentilcore compared this approach to JavaScript libraries on the Surfin' Safari Blog:
There are many clever techniques for working around this performance bottleneck, but they all involve extra code and browser-specific hacks. Instead, scripts which do not require synchronous execution can now be marked as either …
…& Tools track will be a great chance to hear from the Sencha Labs and WebKit teams. Learn about WebGL, a critical and exciting new web technology, peek under the hood at how browsers work, and get a sense for how the web as a whole is evolving. We'll also be showcasing Sencha Animator v1.0, the newest addition to our tools lineup, and Sencha.io, our cloud offerings. And of course, don't miss the session on Node.js & CoffeeScript!
Day 2
On Tuesday we split …
…scripted animation without JavaScript - remember when you had to re-animate GIFs in Photoshop and re-optimise them every time a client wanted them faster or slower?
For now the steps only divide the full length of the animation up. If you want different timings for different steps you still will need to create keyframes for each. Right now the steps feature works in Firefox and Webkit. Let's hope others will follow, too.
…just two of them. Do people use them a lot? And why the separation between Firefox and Webkit rather than generating both?
Just to clarify, all my new tools (audio, video, and some others in the pipeline), as well as the upgrades to existing ones (linear and radial gradients) are cross browser - they work in all browsers that support the technology they're focussed on, and create code for all modern browsers (in some cases where they don't even yet support the particular functionality …
Android Taking Steps Towards WebKit And Chromium
Five Years Later, Twitter Rolls Out Image Galleries
Twitter Releases Bootstrap, A Set Of Tools To Build Web Apps Using CSS
Teacher sued for disparaging creationism cleared on appeal
Microsoft courts webOS developers; 1,000 make the leap
Facebook Climbs To No. 3 Video Site…
…now truly go where ever you want, even onto iOS and Android. The core WebKit platform could join the PhoneGap project. Now the Web gets a massive boost. Instead of waiting for the Web features to trickle into the Android and iOS WebKit implementations, we could rally behind a WebKit (or Gecko if they work with Moz!) platform that you can target on any platform. Chrome Frame for Mobile. We need it to compete.
There are some great engineers who (very kindly imo) stuck it …
Back in topic, IE9 and updated Chrome, Firefox, Webkit, or Safari are all compatible with this syntax.
New Possibilities Do you like Ruby syntax?
// Ruby like instances creation (safe version)
Function.prototype.new = function (
anonymous, // recycled function
instance, // created instance
result // did you know if you
// use "new function"
// and "function" returns
// an object the created
// instance is lost
// and RAM/CPU …
…time of writing, there a few ways you can style HTML5 Form elements in WebKit, in this fashion: /* Remove default input type="search styling */ input[type="search"] { -webkit-appearance: textfield; /* You could also use none */ } /* Style placeholder text */ input::-webkit-input-placeholder { color: # ffffa2; }
There are a bunch more, and you are interested, you can read up on them in Styling Form Controls Using Pseudo Classes . Do beware that this is …
…perhaps this library will appeal to Flash developers looking to build interactive content for mobile WebKit browsers?
Fayer
Fayer (License: dual MIT / GPLv2 ) is a library that helps selectively execute functions based on the current "page". The current page is determined based on a body ID:
// Given <body id="page-home"> fayer . on ( 'page-home' , function () { // code for homepage goes here })
This doesn't require jQuery and …
