- 1 Project
- 2 Timeline
- 3 Format and Content
- 4 Getting Involved
- 5 Feature Matrix (Week 1)
- 6 Feature Matrix (Week 2)
- 7 Feature Matrix (Week 3)
- 8 Feature Matrix (Week 4)
- 9 Feature Matrix (Week 5)
- 10 Feature Matrix (Week 6)
- 11 Feature Matrix (Week 7)
- 12 Demos (Week 1)
- 13 Demos (Week 2)
- 14 Demos (Week 3)
- 15 Demos (Week 4)
- 16 Demos (Week 5)
- 17 Demos (Week 6)
- 18 Demos (Week 7)
This project is designed to highlight all of the new web developer features in Firefox 3.5 and what you can now do with open web technology. It is developer-focused, not end-user focused.
Every day for 35 days we will:
1. Post one in-depth post about one new developer feature in Firefox 3.5.
2. One demo that shows what you can do with the open web.
(Note: the demo doesn't have to be related to the feature.)
We're trying to get a bunch of developers who aren't directly part of the Mozilla project to help build these demos and show off what we're capable of.
We'd like to start this slightly before we release Firefox 3.5 in order to build up to the release. Given that we will be starting our posts on June 8th.
Dates for the first week are listed in the chart below. If you're posting you should:
- Have a draft post ready 5 days ahead of the post.
- Have the final post ready 3 days ahead of the post.
Format and Content
The site that will be hosting this will be a WordPress instance at hacks.mozilla.org, with some old-school Mozilla Project branding. There are both posts that describe features and posts that link to demos - please read below about both types.
A post that describes a feature should include complete text, videos and other images. Expect to write at least a few paragraphs that describe:
1. How the feature works.
2. How that feature compares to other similar features in other browsers.
3. Includes a demonstration and/or graphics that describe how it works.
4. Links to appropriate documentation in developer.mozilla.org.
Whether you're an active member of the Mozilla project or not we're more than happy to include a note at the top of the post saying who you are and what you do. If you want to include a copy of the post on your own weblog we're also more than happy to link back to your personal or professional weblog in that post. We want to make sure that we're both celebrating the work of individuals and giving credit and traffic where we can. But we also want to make sure that the full text is kept as part of this project as well so expect to make a full cross-post.
Demo posts should include at least:
1. An image or video of the demo. (For a video include a flash version for fallback for people stuck on IE, Safari and Chrome. Opera is likely to work with Ogg Theora?)
2. If the entire demo can fit into the post, that's great.
3. Most demos are complex enough to need their own pages, so a link to the demo at the top of the post.
4. A high level technical description of how the demo works.
As with the feature posts above, we're happy to link to other people's posts and give a description of who is doing the work. This is about celebrating the awesome work that's going on on the web today and the people at the leading edges.
Also it's fine if demos overlap on features - if you have something cool, just do it. Doesn't matter if it's the same feature as someone else's. Just that it's different and neat.
For now just add your name to the list of items below if you want to write a post about one of the features or make a demo. There are exactly 35 slots for each, so please don't add for now.
Expect to spend at least a couple of hours on each post or demo. We're looking for quality stuff here so you should be comfortable writing and you should be willing to take the time to research other resources and build graphics to describe the feature.
If we're overloaded with demos we'll set up a queue and go past the 35 days with extra demos. Bonus days, if you will. Or we can move to a contest model where people submit demos and we judge them. But we're not there quite yet.
For more info please ask on the evangelism mailing list.
Feature Matrix (Week 1)
|Mon June 8||createImageData() for canvas||Paul Rouget||Posted.|
|Tue June 9||Geolocation||Doug Turner||Posted.|
|Wed June 10||text-shadow||Frédéric Wenzel||Posted.|
|Thu June 11||Web Fonts||John Daggett||Posted.|
|Fri June 12||-moz-box-shadow||Frédéric Wenzel||Posted.|
|Sat June 13||DOM Selectors||John Resig||Posted.|
Feature Matrix (Week 2)
|Mon June 15||Media Queries||Sheppy||Posted.|
|Tue June 16||Native JSON, getPrototypeOf and other ES5 features||Arun||Posted.|
|Wed June 17||ICC Color Correction||Jeff Muizelaar||Posted.|
|Thu June 18||Progress for XHR||Smaug Olli Pettay, Austin King||Posted.|
|Fri June 19||Node Iterator||John Resig||Posted.|
Feature Matrix (Week 3)
|Mon June 22||MozAfterPaint||Robert O'Callahan||Posted.|
|Tue June 23||opacity||Blizzard||Posted.|
|Wed June 24||:nth-*||Blizzard||Posted.|
|Thu June 25||Storage (localStorage)||Jeff Balogh||Posted.|
|Fri June 26||defer on script elements||Olivier Rochard||Posted.|
Feature Matrix (Week 4)
|Mon June 29||word-wrap Initial draft.||Les Orchard||Posted.|
|Tue June 30||:first/last/only-of-type||Blizzard||Posted.|
|Wed July 1||Input events and DOM timeounts are blocked for sync XHR||Doug Turner||Posted.|
Feature Matrix (Week 5)
|Mon July 6||Cross-site access controls for XHR||Arun||Posted|
|Tue July 7||video tag||Paul||Posted|
|Wed July 8||Worker Threads||Malte Ubl||Posted|
Feature Matrix (Week 6)
|Mon Jul 13||CSS Transforms||Sheppy||Posted.|
|Wed Jul 15||New Drag and Drop API||Les Orchard||Sheppy||Posted.|
|Fri Jul 16||TraceMonkey||David M||Arun + Blizzard||Posted.|
Feature Matrix (Week 7)
|Fri Jul 17||-moz-border-radius updated||Zack Weinberg (zwol)||Blizzard||Asked if he can do it for Wed to post on Fri.|
|Tue Jul 14||audio tag||Blizzard||No content yet.|
|*||::before and ::after updated|
|*||-moz-column-rule, (width, style, color, gap)||Karl Dubost|
|*||-moz-nativehyperlinktext, -moz-window-shadow, -moz-system-metric, -moz-appearance|
|*||MozMousePixelScroll and Gesture Events|
|*||SVG Effects on HTML|
|*||Text API, Shadow Effects and moz-opaque for Canvas|
Demos (Week 1)
|Mon June 8||content aware image resizing : demo, article||Stéphane Roucheray||Paul||Posted.|
|Tue June 9||Ambient Color with Video||Mike Gauthierm & Steven Garrity, silverorange||blizzard||Posted.|
|Wed June 10||SVG + Canvas + Animation demo video||Mozilla (link to Al MacDonald)||blizzard||Posted.|
|Thu June 11||Schrep's old image demo for tracemonkey perf||Chris Blizzard||Posted.|
|Fri June 12||Geolocation + OpenStreet map (demo, article)||René-Luc D'Hont||Paul||Posted.|
|Sat June 13||Font layout with features like moz-box-shadow and text-shadow (font-face + box-shadow + text-shadow) (demo, article)||Laurent Jouanneau||Paul||Posted.|
Demos (Week 2)
|Mon June 15||3D cube with CSS with video on one side! Demo Article||Zachary Johnson||Posted.|
|Wed June 17||Video + CSS3 + SVG||Paul Rouget||Posted.|
|Thu June 18||Video - Video with multiple files in Safari and Firefox with fallbacks for video-impared browsers with Cortado or Flash.||SUMO team||Cheng Wang + Eric Cooper||Posted.|
|Fri June 19||Connecting html5 vidoe to the web.||Christopher Blizzard||Posted.|
Demos (Week 3)
|Mon June 22||Video fallbacks with markup||Blizzard||Posted.|
|Tue June 23||3D rendering with svg filters||Blizzard||Posted.|
|Wed June 24||Dynamically textured animations in the browser||Blizzard||Posted.|
|Thu June 25||The text-shadow spotlight||Blizzard||Posted.|
|Fri June 26||Video + Canvas: Andy Warhol effect demo 1 demo 2||Felipe Gomes||Posted.|
Demos (Week 4)
|Mon June 29||The Potentiality of Web Typography: @font-face and Firefox 3.5||Blizzard||Posted.|
|Tue June 30||Audio tag||Ircam team||Paul||Posted.|
|Wed July 1||CSS Media Queries||Daniel Glazman||Posted.|
Demos (Week 5)
|Tue July 7||:nth-* + :first/last/only-of-type, Article, Demo||Ivan Enderlin||Posted.|
Demos (Week 6)
|Mon July 13||CSS3 Columns on the Web||Karl Dubost||Blizzard||Posted.|
|Wed July 15||Border radius fun in Firefox 3.5 demo||Chee Aun Lim||Blizzard||Posted.|
|Thu July 16||Change is here: new chapter of web design||Yasuhisa Hasegawa||Gen + Chris Palmieri||Have rough text, feedback sent, need bio, link and translation.|
Demos (Week 7)
|*||Dynamic Content Injection||Paul Rouget|
|Week 3||CSS Transforms||Daniel Glazman|
|Fri June 19||Canvas: Text API + Shadow Effects + moz-opaque||David Bengoa||No demo and no article yet|
|Drag and Drop outline editing||Les Orchard|
|end of month||Video + Audio (todo)||Paul Rouget|
|end of month||Geolocation + Canvas (todo)||Paul Rouget||demo in progress|
|*||Video + Canvas||Paul Rouget|