Evangelism/Firefox3.5/35Days

Project

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.

Timeline

We'd like to start this slightly before we release Firefox 3.5 in order to build up to the release. Given that we're thinking of trying to release some time in June our current guess is that we'll start on June 8th or June 15th.

Once we've gathered possible topics and people who are interested we'll organize specific dates for specific posts and try and people to write content early for review.

Format and Content

The site that will be hosting this will be a WordPress instance, 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.

Feature Posts

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

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.

Getting Involved

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

Day	Topic	Person
*	audio tag
*	video tag
*	Downloadable Fonts	John Daggett
*	TraceMonkey
*	Worker Threads
*	Native JSON	Arun
*	Media Queries
*	Offline Support
*	Storage (localStorage)
*	Geolocation	Doug Turner
*	New Drag and Drop API	Les Orchard
*	::before and ::after updated
*	text-shadow	wenzel
*	opacity	wenzel
*	word-wrap	Les Orchard
*	-moz-box-shadow	wenzel
*	-moz-border-image
*	-moz-border-radius updated	Zack Weinberg (zwol)
*	-moz-column-rule, (width, style, color, gap)
*	-moz-nativehyperlinktext, -moz-window-shadow, -moz-system-metric, -moz-appearance
*	CSS Transforms
*	:nth-*	David Baron
*	:first/last/only-of-type	David Baron
*	DOM Selectors	John Resig
*	Node Iterator	John Resig
*	MozAfterPaint	Robert O'Callahan
*	MozMousePixelScroll
*	ICC Color Correction	Jeff Muizelaar
*	defer on script elements
*	SVG Effects on HTML
*	Progress for XHR	Austin King
*	Cross-site access controls for XHR	Arun
*	Input events and DOM timeounts are blocked for sync XHR
*	Text API, Shadow Effects and moz-opaque for Canvas
*	[open]

Demos

Day	Demo	Person
*	Video + Audio (todo)	Paul Rouget
*	SVG + Canvas + Animation demo video	Mozilla (link to Al MacDonald)
*	Schrep's old image demo for tracemonkey perf	Chris Blizzard
*	Geolocation + Canvas (todo)	Paul Rouget
*	Video + CSS3 + SVG	Paul Rouget
*	Video + Canvas	Paul Rouget
*	Dynamic Content Injection	Paul Rouget
*	Offline (todo)	Paul Rouget
*	CSS Transforms	Daniel Glazman
*	CSS Media Queries	Daniel Glazman
*	localStorage	Arun
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*