Websites/Snippets/Meetings/2011-06-02: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
mNo edit summary
Line 5: Line 5:
Between Firefox 4 internally hosted snippets and the launch of Fx4's amazing support of HTML5 goodness we've got the perfect opportunity to launch more creative, compelling, and interactive snippet content to the '''BILLIONS''' of visitors to the About:Home page.  
Between Firefox 4 internally hosted snippets and the launch of Fx4's amazing support of HTML5 goodness we've got the perfect opportunity to launch more creative, compelling, and interactive snippet content to the '''BILLIONS''' of visitors to the About:Home page.  


===Objective:===
=== Objective: ===


Stop telling, start showing, the awesomeness of Fx4+ to our users through interactive snippet experiences. Move the needle on feature adoption.  
Stop telling, start showing, the awesomeness of Fx4+ to our users through interactive snippet experiences. Move the needle on feature adoption.  


[[Image:snippets-screenshot.png|600px]]
[[Image:Snippets-screenshot.png|600px|Snippets-screenshot.png]]  


If you still want to read more, check out the [https://wiki.mozilla.org/Firefox/Projects/Firefox_Start/Snippet_Service Snippets wiki page]
If you still want to read more, check out the [https://wiki.mozilla.org/Firefox/Projects/Firefox_Start/Snippet_Service Snippets wiki page] or [https://intranet.mozilla.org/Marketing/StartPageSnippets/Awesomeness more inspiration] here


== Getting Started ==
== Getting Started ==

Revision as of 17:16, 31 May 2011

What are Snippets?

Overview:

Between Firefox 4 internally hosted snippets and the launch of Fx4's amazing support of HTML5 goodness we've got the perfect opportunity to launch more creative, compelling, and interactive snippet content to the BILLIONS of visitors to the About:Home page.

Objective:

Stop telling, start showing, the awesomeness of Fx4+ to our users through interactive snippet experiences. Move the needle on feature adoption.

Snippets-screenshot.png

If you still want to read more, check out the Snippets wiki page or more inspiration here

Getting Started

Examples Ideas

  • Persona Previews from within snippet
  • Complete Add-on install
  • Mini Video-like series (html5) of UI in action: Tabbed browsing, Panorama, App Tab, more
  • Web 'o Wonder in bite-size format
  • Game

Challenge

Create library of at least 5 interactive compelling snippets in Q2 to be used the rest of the 2011.

Parameters

  • Width: 572px (600px max width - 28px of total padding)
  • Height: variable, but it should be more panoramic.
  • Background: transparent or white
  • Image sizes: optimized, but no limitation (within reason)
  • Code size: no limitation
  • L10n: Yes, strings must be able to be localized.

Constraints

  • Snippets are HTML document fragments injected into the about:home document -- not complete documents themselves.
  • All HTML content must also be well-formed XML.
  • All images must use data URI scheme
  • JavaScript must be embedded into the HTML -- no external references.
  • All CSS must be embedded into the HTML -- no external references.
  • The snippet content should be compelling, but not distract from the overall "search" purpose of the page

Get Connected

HTML5 Awesomeness Snippets Gallery

Have you created something cool during this hackathon or another time? Create a link below to the Snippet idea.

  • John Doe's ACME Snippet
Retrieved from "https://wiki.allizom.org/index.php?title=Websites/Snippets/Meetings/2011-06-02&oldid=314169"