678.36 KB, image/png
We've talked about it for months, but haven't put together a press-friendly HTML5 landing page on MDN yet. So it's time to do it. Melissa has requested it to help with press outreach, Tantek has shown interest in writing a FAQ about HTML5, and we have plenty of demos in Demo Studio now to show it off... along with everyone tweeting it with #html5 and our evangelists talking about it at events. Let's try to start simple and then build out a page that will help Mozilla talk about HTML5 and share the great content we have with anyone interested in learning more. I have started an etherpad with a rough outline of sections and content: https://etherpad.mozilla.org/learnhtml5 Please have a look and start adding copy and other useful links that we want to integrate into the HTML5 landing page. We have an old template that we can use as a starting point for this (http://people.mozilla.org/~jpatel/mdn/assets/happycog/moz-dev-project-campaign.png), but Craig should be able to whip up something that is both dynamic (leveraging HTML5/CSS3 features) and organized in a way to help users find what they might be looking for. I can try to put together a wireframe by next week if that will help, but once we get the content together, the team will have to pick this bug up and see it through the finish line.
Whiteboard: u=user c=learn p=
Target Milestone: 1.9 → 2.0
Created attachment 584659 [details] wireframe/mockup of what the HTML5 page could look like Based on my research and input from Melissa, I whipped this up. Please provide feedback in the bug so that Craig can pick this up and create a more polished mockup for review. Janet: If you can take a look and propose copy to Craig, he can get it into the templates he's going to create. Thanks!
<3 "& friends"
Can we make the quick paragraph description of Mozilla and our relationship to HTML5 and standards the first thing that people see when they get to the page? The current mockup looks a bit busy. We talked about easing people into it and not throwing all the content at them at once. Can we simplify the design and navigation so it's easier for people to go a few levels deeper if they want more info?
The headline should read "HTML5 & Friends". Since the page is about HTML5, "HTML5" should be in the title text. Proposed main body copy: From its beginning, Mozilla has championed Web standards. Leaders from Mozilla helped start the evolution of HTML and related standards that are now known as HTML5, and Mozilla continues to lead in both defining and implementing these standards. :shappy: please review. Should there be more factual detail? Or should there be *less* text, to keep things simple? Less "us" and more "you"? (I know our history is important, but I hate leading with it.)
I'd maybe add a line about why the standards are important. What they do for people. I want to say "standards matter so that the Web rocks for both the people who build for it and the people who use it" but I'm betting you've got something smoother and more professional-sounding :)
Added revised copy to https://etherpad.mozilla.org/learnhtml5
Target Milestone: 2.2 → 2.1
Whiteboard: u=user c=learn p= → u=user c=html5 p=
Target Milestone: 2.3 → 2.2
Whiteboard: u=user c=html5 p=3 → u=user c=html5 p=3 2.2.1
Feedback on the HTML 5 & Friends Page - beautiful template! a few fast change requests: 1. Change Page <title>: HTML 5 & Friends --> HTML 5 & Mozilla and make that same edit in the page graphic 2. In the MDN Docs Module on the left rail: Add link to Apps (docs): https://developer.mozilla.org/en/Apps Recommend making Apps the top bullet 3. Change copy in the Demos caption: CURRENT: See examples of the awesomeness you can achieve with HTML5 & friends --> NEW: See examples of the awesomeness you can achieve with HTML5
(In reply to havi hoffman [:havi] from comment #7) > Feedback on the HTML 5 & Friends Page - beautiful template! a few fast > change requests: > > 1. Change Page <title>: HTML 5 & Friends --> HTML 5 & Mozilla and make that > same edit in the page graphic I agree with this change, however... > 3. Change copy in the Demos caption: > > CURRENT: See examples of the awesomeness you can achieve with HTML5 & > friends --> > > NEW: See examples of the awesomeness you can achieve with HTML5 The use of "HTML5 & Friends" is a deliberate term to describe the previously confusing/vague/obfuscating/diverging use of the term "HTML5" by Apple, Google etc. to mean whatever their browser supported that week. HTML5 refers just to what's in http://w3.org/html5 - the HTML5 spec. The "& Friends" part is how we incorporate discussion of all the WebApps, WebAPIs, and even DOM, JS, CSS3 that many folks lump in with "HTML5" (again, due to legacy promotion by certain companies). "HTML5 & Friends" is an accepted phrase in the industry for this kind of web platform inclusiveness, and something we should use elsewhere as well, e.g. here: https://developer.mozilla.org/en/HTML/HTML5 That page should really be titled "HTML5 & Friends" as it also includes a section "Technologies often called part of HTML5 that aren't" (which it should keep, it's just that we should be sure to title the page accordingly).
This page is to point folks to to show our leadership in HTML5.
Tantek is correct that the use of "& Friends" is deliberate; part of showing our leadership in HTML5 is showing that we know what it means :-) Deleting all uses of "& friends" makes the second paragraph of the main intro blurb confusing.
And BTW, the use of the phrase "new exciting Web technologies" is a nod to Bruce Lawson: http://www.brucelawson.co.uk/2010/meet-newt-new-exciting-web-technologies/
thanks for comments from Tantek & Janet, happy to withdraw #3. (let's leave caption and all copy referring to "HTML 5 & friends" -- however, let's change Page title and masthead to: HTML 5 & Mozilla.
Is /learn/html5 still the right URL for this?
Assignee: nobody → pmclanahan
Commits pushed to mdn at https://github.com/mozilla/kuma https://github.com/mozilla/kuma/commit/3b9de147928405b66afdfb2c4da6585ec9b9e7dd Add a waffle switch to new html5 page. Re bug 712387. https://github.com/mozilla/kuma/commit/ca40d817de9426b6bb86a88bc3ce49c2aa35102e bug 712387: Tweak the HTML5 landing page test to account for waffle switch
This looks done on stage9? Should we mark resolve:fixed?
Hi - are we still on plan to push this page, the new Apps landing page (Bug 726141) and the revised MDN homepage (Bug 725757) at approx 2pm PT today, 2/21? TIA!
Yep. We have the ability to hide the banner and the HTML5 page behind a switch until MWC if we want to do that?
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED
Luke, if we can hide the banner and the page till tomorrow at approx 9amPT when the MWC press release goes live, that's optimal. If that's a major pain, let's push today. We don't want to delay push till MWC... only for about 18 hours. Thanks! We will likely need to update the new Apps page on 2/27 or 2/28, when the Mktplace actually opens -- thanks everyone for your help on this!
(In reply to havi hoffman [:havi] from comment #18) > Luke, if we can hide the banner and the page till tomorrow at approx 9amPT > when the MWC press release goes live, that's optimal. If that's a major > pain, let's push today. We don't want to delay push till MWC... only for > about 18 hours. Thanks! There's nothing on the Apps page or HTML5 page that specifically mentions MWC, only the home page promo does, and we've built it so we can easily show/hide that promo without an additional code push. So we can still push everything today and the new Apps and HTML5 pages will be live right away, then we can switch the home page promo some time tomorrow after the press release.
Luke, et al - awesome, thanks! Works for me. should I update this bug when the press release drops tomorrow and we need to switch the home page promo?
Commits pushed to mdn_prod at https://github.com/mozilla/kuma https://github.com/mozilla/kuma/commit/55fcb210714641b7b8341751b6592396899dc790 Add l10n and demos to html5 page. Fix bug 712387. https://github.com/mozilla/kuma/commit/3b9de147928405b66afdfb2c4da6585ec9b9e7dd Add a waffle switch to new html5 page. https://github.com/mozilla/kuma/commit/ca40d817de9426b6bb86a88bc3ce49c2aa35102e bug 712387: Tweak the HTML5 landing page test to account for waffle switch
Yes please. :)
verified fixed https://developer-stage9.mozilla.org/en-US/learn/html5
Status: RESOLVED → VERIFIED
Component: Website → Landing pages
Product: Mozilla Developer Network → Mozilla Developer Network
You need to log in before you can comment on or make changes to this bug.