Re: 404 page (was Re: URL aliases for WPD without /wiki)

Currently, they have a rudimentary fallback of the img alt text.
The only way to have a 100% bulletproof fallback would be to include (part of) Modernizr or a few lines of script that do the same thing (IIRC SVG support detection is only a few lines). What do you guys think?

Lea Verou
W3C developer relations
http://w3.org/people/all#lea ✿ http://lea.verou.me ✿ @leaverou






On Mar 29, 2013, at 18:09, PhistucK wrote:

> (Not Phil :()
> 
> I know the bad fallback is sitewide, I was not saying yours was specifically flawed.
> I just thought I would mention this since we are talking about including more SVGs. The numbers should also have some kind of a fallback.
> 
> 
> ☆PhistucK
> 
> 
> On Fri, Mar 29, 2013 at 6:45 PM, Lea Verou <lea@w3.org> wrote:
> Hi Phil,
> 
> There is a minor difference in the angle because I made it square, not almost square like the current one. Easier measurements too.
> 
> The “bad fallback” of 404.html is actually the fallback for the entire site, it comes from the wiki stylesheet.
> 
> Cheers,
> Lea
> 
> Lea Verou
> W3C developer relations
> http://w3.org/people/all#lea ✿ http://lea.verou.me ✿ @leaverou
> 
> 
> 
> 
> 
> 
> On Mar 29, 2013, at 10:57, PhistucK wrote:
> 
>> Great work on the logo SVG! There are minor differences (the angle or something), but I do not think they matter.
>> 
>> By the way, make sure you have a fallback PNG for non modern desktop and mobile browsers (that goes for every SVG on the site for now)...
>> 
>> The logo of 404.html uses a bad fallback -
>> background: #f9f7f3 url(skins/webplatform/images/logo.png);
>> background: hsl(40,29%,96%) url(skins/webplatform/images/logo.svg);
>> It is not good enough for Android 2.3, I believe, because Android earlier than 3 does not support SVG, but does support the HSL color format.
>> We should think of other ways.
>> Or drop official support for Android 2.3, if we support mobile at all.
>> 
>> 
>> ☆PhistucK
>> 
>> 
>> On Thu, Mar 28, 2013 at 9:43 PM, Lea Verou <lea@w3.org> wrote:
>> Hi everyone,
>> 
>> Here’s a prototype of the 404 page [1]. Like I said previously, I think the error should be added in some hidden page in the wiki (the errors/ directory is temporary), for easier maintenance (and to get a proper search box too, with all the autocomplete stuff). Since nobody replied to my question about which errors do we need, I made all 10 digits in the WPD logo style, which you can play with here [2] to see how the various error combinations look. The SVGs would be soo much simpler if WebKit didn’t have the infamous bug with referencing external SVG files :(
>> There are 2 alternate versions of the 4, so that the 404 error doesn’t look too monotonous. I should do the same for any other error codes that use the same digit twice.
>> If you like them, perhaps we could also use the numbers elsewhere too, e.g. the wiki pages describing the error codes? They’re pretty flexible.
>> 
>> Since I was at it, I also made a cleaner SVG for the logo, you can compare the two here [3] [4]. My changes shaved off about 80% of its file size, and made it easier to animate it, if we ever wish to and it was pretty easy to make after working on the digits.
>> 
>> Thoughts?
>> 
>> Cheers,
>> Lea
>> 
>> [1]: http://www.webplatform.org/errors/404.html
>> [2]: http://www.webplatform.org/errors/images/numbers.html
>> [3]: http://www.webplatform.org/errors/images/logo.svg
>> [4]: http://www.webplatform.org/errors/images/logo-2.svg
>> 
>> Lea Verou
>> W3C developer relations
>> http://w3.org/people/all#lea ✿ http://lea.verou.me ✿ @leaverou
>> 
>> 
>> 
>> 
>> 
>> 
>> On Mar 27, 2013, at 08:13, Julee wrote:
>> 
>>> Nice, Sébastien. J
>>> 
>>> 
>>> ----------------------------
>>> julee@adobe.com
>>> @adobejulee
>>> 
>>> From: Sébastien Desbenoit <seb@desbenoit.net>
>>> Date: Tuesday, March 26, 2013 10:51 PM
>>> To: Doug May <intuedge@gmail.com>
>>> Cc: Doug Schepers <schepers@w3.org>, julee <julee@adobe.com>, Lea Verou <lea@w3.org>, Denis Ah-Kang <denis@w3.org>, Ryan Lane <rlane32@gmail.com>, "public-webplatform@w3.org" <public-webplatform@w3.org>
>>> Subject: Re: 404 page (was Re: URL aliases for WPD without /wiki)
>>> 
>>> Super Lea! 
>>> 
>>> The page looks great, but I have trouble to read the four. If we add some length to the segment, would this work? 
>>> I tried to visualize my idea:  http://i.imgur.com/RN6rors.png 
>>> 
>>> Have a nice day, 
>>> 
>>> Seb 
>>> 
>>> -- 
>>> Sébastien Desbenoit  - http:// desbenoit.net -  http://internetetmoi.fr
>>> 
>>> 
>>> Le 27 mars 2013 à 04:34, Doug May <intuedge@gmail.com> a écrit :
>>> 
>>>> +1 to shepazu and those before.  great thread, and kickass upgrades.
>>>> 
>>>> Without hijacking the thread, I want to add that if I knew how to flow
>>>> this toward our promotable highlights, I would do so.
>>>> 
>>>> On Tue, Mar 26, 2013 at 5:23 PM, Doug Schepers <schepers@w3.org> wrote:
>>>>> Hi, Lea-
>>>>> 
>>>>> I like the first one, too.
>>>>> 
>>>>> A couple of suggestions:
>>>>> * remove the emoticon, it makes the message muddled
>>>>> * add a link to the search term that is in the URL (or maybe add a search
>>>>> box)
>>>>> 
>>>>> Regards-
>>>>> -Doug
>>>>> 
>>>>> 
>>>>> On 3/26/13 5:17 PM, Julee wrote:
>>>>>> 
>>>>>> Ha! Great! I like the first one. J
>>>>>> 
>>>>>> 
>>>>>> ----------------------------
>>>>>> julee@adobe.com
>>>>>> @adobejulee
>>>>>> 
>>>>>> 
>>>>>> 
>>>>>> 
>>>>>> 
>>>>>> -----Original Message-----
>>>>>> From: Lea Verou <lea@w3.org>
>>>>>> Date: Tuesday, March 26, 2013 5:15 PM
>>>>>> To: julee <julee@adobe.com>
>>>>>> Cc: Denis Ah-Kang <denis@w3.org>, Ryan Lane <rlane32@gmail.com>, Doug
>>>>>> Schepers <schepers@w3.org>, "public-webplatform@w3.org"
>>>>>> <public-webplatform@w3.org>
>>>>>> Subject: Re: 404 page (was Re: URL aliases for WPD without /wiki)
>>>>>> 
>>>>>>> How does something like this look?
>>>>>>> 
>>>>>>> http://i1.minus.com/iGfRmjKm0ge9P.png
>>>>>>> http://i3.minus.com/ibu6imWYDGMUXO.png
>>>>>>> 
>>>>>>> Cheers,
>>>>>>> Lea
>>>>> 
>>>>> 
>>>>> 
>>>>> 
>>>> 
>>> 
>>> 
>> 
>> 
> 
>