Thursday, September 2nd, 2010
Category: Mozilla
I stumbled on the Mozilla Foundation’s Drumbeat project recently: Drumbeat gathers smart, creative people like you around big ideas, practical projects and local events that improve the open web. It’s very well done combination of projects + community. There’s a whole slew of cool projects already one here. A small sample:
Wednesday, September 1st, 2010
Category: Tutorial
Google Rich Snippet Oli Studholme has an excellent new article on HTML5 Doctor on the different ways HTML5 can be extended with things like microformats, the link tag, and more. Why would you want to do this? While HTML5 has a bunch of semantic elements, including new ones like <article> and <nav>, sometimes there just isn’t an element Read the rest…
Tuesday, August 31st, 2010
Category: Announcements
, Framework
, SVG
Dmitry Baranovskiy and team have released another version of Raphaël, an excellent drawing and animation library backed by SVG (VML on Internet Explorer). New features in Raphaël 1.5 include custom attributes and keyframes. Keyframes can be defined similar to CSS3 Animations: < View plain text > javascript el.animate({ "20%": {cy: 200, easing: ">"}, Read the rest…
Monday, August 30th, 2010
Category: SVG
The SVG Web team has announced a new release. SVG Web is a drop in JavaScript library that makes it easy to display SVG graphics on Internet Explorer 6, 7, and 8 using Flash. The new SVG Web release, like all of their releases, is named after especially silly D&D monsters. The new release is Read the rest…
Category: 3D
, Canvas
Perfect for a Monday is a cool 3D model editor built using the Canvas tag and created by Jayesh Salvi:
Friday, August 27th, 2010
Category: WebKit
I stumbled across http://webkit.org/specs recently, which is basically a nifty listing of all custom extensions Apple/Webkit has made to web specs, written up as specs themselves so that other browsers can implement them: Squirrelfish Bytecode Timed Media Elements CSS Effects Extensions to CSS 3 Media Queries The ‘pointer-events’ property There were some on here that Read the rest…
Category: Fun
, Games
, Google
TechCrunch reports on a Googler, Paul Truong, who created an HTML5-based game for Gmail called Galactic Inbox using his 20% time: When you start it up, a little Gmail logo envelope guy pops out of a “20% Projects Lab” and starts flying. Essentially, he’s a spaceship and can shoot objects coming his way. It’s simple, Read the rest…
Thursday, August 26th, 2010
Category: Google
, JavaScript
Ryan Seddon, aka the CSS Ninja, has a nice blog post up where he reverse engineers the new feature in Gmail where you can drag attachments from an email on to your desktop. Note that the feature only currently works in Chrome. Ryan begins with the following code: < View plain text > javascript var Read the rest…
Category: IE
, Library
(Various Shivs) Via JD Bartlett comes HTML5 innerShiv for IE. Before innerShiv, the following would not work in IE: < View plain text > HTML var s = document.createElement(‘div’); s.innerHTML = "<section>Hi!</section>"; document.body.appendChild(s); For example, let’s imagine we have some CSS that defines the following for the HTML5 elements footer, header, and section: < View Read the rest…
Wednesday, August 25th, 2010
Category: Adobe
, CSS
, Font
Last week Adobe announced they are jumping into the Web Fonts game in a partnership with Typekit: For this debut of Adobe Web Fonts, I think we’ve made some great choices. Everyone knows Myriad and Minion — pervasive workhorse sans serif and serif typefaces, respectively, which will prove to be as useful on the web as they have Read the rest…
Category: Canvas
From Hakim El Hattab (who has some very nifty HTML5 experiments up) comes some nice tips on using the Canvas tag: Cross browser implementation There are no real discrepancies between the canvas outputs of different browsers so long as the JavaScript code is written correctly (if not, browsers tend to try and fix things for Read the rest…
Tuesday, August 24th, 2010
Category: Announcements
I don’t usually post acquisition news on here, but I just wanted to congratulate 280 North, who we’ve covered on here many times and are fellow members of the Ajax community. 280 North produces the awesome Cappuccino language/framework, including the 280 Slides presentation web application. Techcrunch is reporting that Motorola has bought 280 North. From Read the rest…
Category: CSS
The last month has seen an interesting back and forth over CSS Media Queries. In a nutshell, CSS Media Queries make it possible to apply style sheets only if certain properties are available on the display device. For example, you could have a stylesheet only display for screen devices with a maximum screen width of Read the rest…
Category: Animation
Jonas Wagner has ported the Flash 2D physics engine Box2DFlash to JavaScript: In his demo Jonas uses the Canvas tag to map the physics simulations on. Click on it to create explosions: Jonas talks about the approach he used to convert the original library from ActionScript to JavaScript: At first I thought this conversion would Read the rest…
Monday, August 23rd, 2010
Category: CSS
, Fun
Don’t be bummed it’s Monday, ‘cuse the CSS3 Song is here to cheer you up: How can you go wrong with lyrics like this: CSS3 Web animation done properly CSS3 Degrading gracefully I had a dream, an awesome dream People surfing in the park On Windows, Linux and Mac And their page load speeds were Read the rest…