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

Jump to navigation Jump to search
m
no edit summary
mNo edit summary
mNo edit summary
Line 1: Line 1:
== What are Snippets? ==
== What are Snippets? ==


===Overview:===
=== 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.  
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.  
Line 11: Line 11:
[[Image:Snippets-screenshot.png|600px|Snippets-screenshot.png]]  
[[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] or [https://intranet.mozilla.org/Marketing/StartPageSnippets/Awesomeness more inspiration] here
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 ==


===Examples Ideas===
=== Examples Ideas ===


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


===Challenge===
=== Challenge ===


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


===Parameters===
=== Parameters ===


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


=== Constraints ===
=== Constraints ===


*Snippets are HTML document fragments injected into the about:home document -- not complete documents themselves.  
*Snippets are HTML document fragments injected into the about:home document -- not complete documents themselves.  
Line 45: Line 45:
*The snippet content should be compelling, but not distract from the overall "search" purpose of the page
*The snippet content should be compelling, but not distract from the overall "search" purpose of the page


== Get Connected ==
== Get Connected ==


* Video: [http://air.mozilla.org Air Mozilla]
*Video: [http://air.mozilla.org Air Mozilla]  
* IRC channel: #snippets
*IRC channel: #snippets  
* [https://intranet.mozilla.org/Marketing/StartPageSnippets/Awesomeness Wiki]
*[https://intranet.mozilla.org/Marketing/StartPageSnippets/Awesomeness Wiki]  
* Tracking {{bug|653784}}
*Tracking {{bug|653784}}


== HTML5 Awesomeness Snippets Gallery ==
== Get Started<br> ==


Have you created something cool during this hackathon or another time? Create a link below to the Snippet idea.
Access Snippet Service Staging: <br>
URL:&nbsp;https://snippets.stage.mozilla.com/admin/<br>


* John Doe's ACME Snippet
'''Username:''' your ldap username (w/o the @mozilla)<br>
 
'''PW:'''&nbsp;''snippetsnippet''<br>
 
Snippet Switcher Add-on: Install [https://github.com/lmorchard/home-snippets-switcher this add-on] to preview your new snippet. (Laura add more info here on how to use tool)<br>
 
== 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
Confirmed users
685

edits

Navigation menu