605577 - build new Firefox Getting Started (i.e. Tour) page

Status: VERIFIED FIXED

(www.mozilla.org :: General, defect)

Description

[John Slater]

As part of the redesign, we need to build a new version of the Getting Started page (that's also linked to as the Firefox Tour from the homepage). Basic content remains the same; new design files are here:

http://intothefuzz.com/leetom/Mozilla.com/PSD/tour_2.psd

Note: we'll update this page more extensively for Firefox 4.

Comment 1

[Steven Garrity [:sgarrity]]

This page is built out in the nova branch in r76448. Note for QA that this page was never heavily polished in IE as it was targeted to Firefox users (maybe that's changing?).

Comment 2

[John Slater]

Content looks great. This page will be accessed a bit differently with the new site, so it should be more IE-friendly than what we had before.

Comment 3

[raymond [:retornam] (inactive)]

Attachment: Screenshot from IE6

The page is broken in IE6

Comment 4

[Anthony Ricaud (:rik)]

I think the best way to solve this is to produce 8 PNG8 files, one for each section. One PNG8 works but the colors are awful. I will crop the images later.

Comment 5

[Steven Garrity [:sgarrity]]

Anthony - you should only need the PNG8 files for IE6.

Also note that the styles on the light-boxes aren't working in IE and the videos in lightbox don't play (they need to use our mozilla-video tools used elsewhere on the site so they get a Flash fall-back).

Comment 6

[Anthony Ricaud (:rik)]

Committed r79269.

This uses PNG8 for all images. Only personas and add-ons look not as good as the PNG24 but I think it's ok. The previous file was 270kb while the sum is 102kb once in PNG8 (but also 8 HTTP requests which is not cool). I'm using invisible <span> to preload those PNG8.

Comment 7

[Anthony Ricaud (:rik)]

Committed r79275 Use CDN and put JS at bottom

Comment 8

[Anthony Ricaud (:rik)]

Committed r79276 Yeah, copy pasting is bad :)

Comment 9

[Anthony Ricaud (:rik)]

Committed r79318. Good look for overlays on IE.

I'm also trying to postpone the download of the "overlay images" since they are not needed on first view.

Comment 10

[Anthony Ricaud (:rik)]

Committed r79321. Videos should be working through HTML5 or Flash.

Steven, Alex, could you tell me what you think about that for the launch? (not perfect but enough)

Comment 11

[Alex Buchanan [:abuchanan]]

(In reply to comment #10)
> Committed r79321. Videos should be working through HTML5 or Flash.
> 
> Steven, Alex, could you tell me what you think about that for the launch? (not
> perfect but enough)

Seems fine to me.   Not a launch blocker.

Comment 12

[Steven Garrity [:sgarrity]]

Fixed lightbox close links and borders in IE6 in r79354.

There's a JS-error in IE6 when closing lightboxes with videos. We'll look into this later today.

Comment 13

[Alex Buchanan [:abuchanan]]

(In reply to comment #12)
> Fixed lightbox close links and borders in IE6 in r79354.
> 
> There's a JS-error in IE6 when closing lightboxes with videos. We'll look into
> this later today.

Not a blocker.  Filed bug 619179 for that.  Closing this bug

Comment 14

[raymond [:retornam] (inactive)]

(In reply to comment #13)
> (In reply to comment #12)
> > Fixed lightbox close links and borders in IE6 in r79354.
> > 
> > There's a JS-error in IE6 when closing lightboxes with videos. We'll look into
> > this later today.
> 
> Not a blocker.  Filed bug 619179 for that.  Closing this bug

qa-verified-trunk http://www.mozilla.com/en-US/firefox/central/

Comment 15

[Stephen Donner [:stephend] Not actively reading bugmail]

(In reply to comment #14)
> qa-verified-trunk http://www.mozilla.com/en-US/firefox/central/

Prod?

Comment 16

[raymond [:retornam] (inactive)]

It (In reply to comment #15)
> (In reply to comment #14)
> > qa-verified-trunk http://www.mozilla.com/en-US/firefox/central/
> 
> Prod?
Copy paste error.http://nova.stage.mozilla.com/en-US/firefox/central/

Comment 17

[Stephen Donner [:stephend] Not actively reading bugmail]

And how about production?  Is it verified there?

https://bugzilla.mozilla.org/buglist.cgi?resolution=FIXED&classification=Other&status_whiteboard_type=allwordssubstr&query_format=advanced&status_whiteboard=[redesign]&bug_status=RESOLVED&product=Websites has a list of [redesign] bugs that need to be verified.

Comment 18

[raymond [:retornam] (inactive)]

verified fixed  http://www.mozilla.com/en-US/firefox/central/