Tom Pryor: I wanted to try out Dojo’s new AMD pattern, as well as widigtize (finally) the gradient code spagetti I am currently using in my CSS3 Button Tool (Beta) and I finally got some time to play so I put this dojo widget/mashup together and put it on gitHub in case anyone was interested. [...]
CSS3
The Good Man experiments with basic CSS3 animations right
From the readme: This project is about experimentations. About CSS3 animations and a graduation project. My name is Pedro Ivo Hudson and this is my debut. And what a debut. Wow, I’m impressed. Check it out for yourself at thegoodman.cc or check out the source code as well as the about/credits to learn more about [...]
Impress.js – A CSS3 based JavaScript presentation framework right
A few months back Bartek Szopka released impress.js, a JavaScript presentation tool that uses CSS3 for all of the transitions and transformations in modern browsers. While impress.js is a little different than the projects we usually cover on the changelog, it is a very cool tool in it’s own right. Being one of the highest [...]
Spin.js – CSS3 Spinning activity indicator right
Felix Gnass created a handy JavaScript utility that makes it very easy to add a “spinner” to your website. The project is very small (~2k), has no dependencies, uses CSS for styling/animations and has fallbacks for older browsers. After including the JavaScript library: var target = document.getElementById(“spinner-wrapper”); var spinner = new Spinner({lines: 12, color: “#fff”}).spin(target); [...]
stroll.js – CSS3 List Scroll Effects right
This project by Hakim El Hattab is just sick. stroll.js is a collection of CSS list scroll effects. Oh, and of course, pull requests are welcome. Besides the awesome work from Hakim, a few contributors helped make stroll.js possible as well: Paul Irish and Felix Gnass added performance improvements Kilian Ciuffolo added the Fly & [...]
HTML5-Clear: A replica of the Clear iPhone UI in HTML5 and CSS3 right
If we’re fans of anything, we’re fans of experiments that get open sourced. As a followup to our native coverage of Clear’s UI with JTGestureBasedTableViewDemo, you might enjoy this experiment by Evan You to replicate the UI of Clear in HTML5 and CSS3. HTML5 Clear is a replica of the awesome Clear iphone app (UI [...]
CSS3 Test – How does your browser score for its CSS3 support? right
If you’d like to know how your browser scores for its CSS3 support, you have to check out Lea Verou’s CSS3 Test. She announced the project yesterday on her blog. Here’s screenshot of my browser, Google Chrome 23.0.1271.101. Lea actually planned this as an improvement to her interactive CSS playground called Dabblet (Source on GitHub), [...]
deCSS3 – Easily strip out CSS3 to test for graceful degradation right
When I’m working on a design using CSS3 features, I often worry about how things are looking on older browsers. Sure there’s VMware Fusion or Parallels, but that’s uber clunky for just a quick view of how things are shaping up for older browsers. deCSS3 is a bookmarklet that lets you get a view of [...]
Episode 0.6.7 – HTML5 Boilerplate, Modernizr, and more with Paul Irish
Adam and Wynn caught up with Paul Irish of Google’s Chrome developer relations team to talk about HTML5, JavaScript, CSS3, polyfills, and more. Items mentioned in the show: Paul Irish – Chrome dev relations guy at Google. Dion Almaer – Host of Function Source, all around JavaScript, frontend expert. “HTML5 is a jewel that we [...]
fancy-buttons: Fancy CSS Buttons using Sass and Compass right
Fancy buttons is a Compass Extension written in Sass (installable as a gem) that helps you to easily generate beautiful, flexible CSS3 buttons. It’s written and maintained by Brandon Mathis and he recently announced the 1.0 release of Fancy Buttons. Listen to Episode 0.0.1 (our first episode) to learn more about Compass How to Install [...]
baker: Publish eBooks on the iPad using HTML5 right
Want to create an eBook but don’t want to futz with learning new tools? Davide Casali, Marco Colombo, and Alessandro Morandi have created Baker, a new framework to let you create books for the iPad using HTML5, CSS3, and JavaScript. Baker aims to do for books what PhoneGap has done for HTML5 web apps in [...]
html5-boilerplate: Best practices starting point project for HTML5 and mobile web apps right
While HTML5 is expanding in definition to include any whizz-bang feature in the post rounded corner web era, implementing actual HTML5 in your web app can be confusing. It’s a fast moving landscape that touches everything from traditional web apps to mobile. Paul Irish, the Google Chrome dev relations guy who gave us the bulletproof [...]
CSS3 PIE – A taste of Web 2.0 for Internet Explorer right
How will that web app of yours ever get featured on TechCrunch without rounded corners and drop shadows? With CSS3, such things are child’s play. If only IE supported them. Be not despaired, my friends for Jason Johnston brings you Progressive Internet Explorer (PIE). PIE takes advantage of vendor namespaced CSS properties and an HTML [...]
Safari 4 – reproduce thyself right
While short on functionality, Joshua Jones’ Safari 4 clone (built in Safari 4 no less) provides a great learning resource for learning some advanced CSS3 techniques to recreate a familiar interface. Our only disappointment is that the mock browser didn’t house an <iframe> that would let you load the site in itself. Then you could [...]
Quicksand: Awesome jQuery plugin to filter/animate HTML lists right
Quicksand from Jacek Galanciak is a jQuery plugin to help you filter and animate items in an HTML list. With code like this: $(“#content”).quicksand($(“#data > li”), { // all the parameters have sensible defaults // and in most cases can be optional duration: 1000, easing: “easeInOutQuad”, attribute: “data-id”, } ); You can get the eye [...]
Firefox 3.6 beta 2 right
Over 190 bug fixes and several cool new features for developers including -moz-background-size -moz-linear-gradient and -moz-radial-gradient properties, is supported for background-image multiple background images @font-face now supports the new WOFF web font file format HTML5 video supports poster frames The multiple attribute is now supported on HTMLInputElement Gecko 1.9.2 introduces JavaScript 1.8.2