Re: April Fools? :)

Since animations are supported in most gradient supporting browser
(excluding Opera 11.1 - 11.6, Firefox 3.6 - 5), we can use this -
.construction
{
 background: url("sign.gif");
 background: -webkit-gradient(linear, 0 0, 0 0, from(transparent),
to(transparent));
 background: -webkit-linear-gradient(transparent, transparent);
 background: -moz-linear-gradient(transparent, transparent);
 background: -o-linear-gradient(transparent, transparent);
 background: linear-gradient(transparent, transparent);
}
.construction::before
{
 background: none;
 background: -webkit-gradient(linear, 0 0, 0 0, from(transparent),
to(transparent)), #fdd400;
 background: -webkit-linear-gradient(transparent, transparent), #fdd400;
 background: -moz-linear-gradient(transparent, transparent), #fdd400;
 background: -o-linear-gradient(transparent, transparent), #fdd400;
 background: linear-gradient(transparent, transparent), #fdd400;
}

And remove box-shadow from .construction.
Radial gradients can improve the situation with Opera a bit, only excluding
11.6.
(According to caniuse.com - http://caniuse.com/#search=animations and
http://caniuse.com/#search=gradients)




☆*PhistucK*


On Sun, Mar 31, 2013 at 11:40 AM, Jordan Pagels <jordan@realeyes.com> wrote:

> Which is kind of hilarious in this context, but probably a good plan.
>
> Also, the CSS Man At Work is pretty impressive. #justSayin
>
>
> On Sun, Mar 31, 2013 at 2:38 AM, PhistucK <phistuck@gmail.com> wrote:
>
>> And a fallback for non modern browsers?
>>
>>
>> ☆*PhistucK*
>>
>>
>> On Sun, Mar 31, 2013 at 11:33 AM, Doug Schepers <schepers@w3.org> wrote:
>>
>>> Hey, folks-
>>>
>>> Shortly before launch, we had the notion that we should put up a modern
>>> homage to great gifs of the past, specifically the "man at work"/"under
>>> construction" sign:
>>>
>>>  http://codepen.io/joshnh/pen/**ohbHl<http://codepen.io/joshnh/pen/ohbHl>
>>>
>>> We dumped the idea because of some concerns about the image it would
>>> send, but maybe we should put this on the main page for April Fools?
>>>
>>> Regards-
>>> -Doug
>>>
>>>
>>> On 3/31/13 4:03 AM, Jordan Pagels wrote:
>>>
>>>> Forgot to attach them to the last email, but I dug up a few gifs if
>>>> anybody wanted to play.
>>>>
>>>>
>>>> On Sun, Mar 31, 2013 at 2:00 AM, Jordan Pagels <jordan@realeyes.com
>>>> <mailto:jordan@realeyes.com>> wrote:
>>>>
>>>>     Definitely a fan of the idea.
>>>>
>>>>     I personally am always a fan of the mid-90's angelfire/geocities
>>>>     webpage style (I might have made one with lots of those little flame
>>>>     gifs when I was about 12, though I'll never fully admit to it... ),
>>>>     that would look something like this:
>>>>
>>>>     http://wonder-tonic.com/**geocitiesizer/content.php?**
>>>> theme=1&music=3&url=**webplatform.org<http://wonder-tonic.com/geocitiesizer/content.php?theme=1&music=3&url=webplatform.org>
>>>>
>>>>     Though I was thinking more something with the whole
>>>>     blinking-stars-gif background, and the little, yellow,
>>>>     under-construction guy that seemed so ubiquitous back then. You
>>>>     know, since we are still building and all. ;)
>>>>
>>>>     Anyway, that's my idea here on March 31st. I'd be happy to help with
>>>>     any implementation that I could though. Though I think it's going to
>>>>     be April 1st in New Zealand pretty soon...
>>>>
>>>>
>>>>
>>>>
>>>>     On Sat, Mar 30, 2013 at 12:50 PM, Patrick D'Souza <
>>>> pdsouza@about.com
>>>>     <mailto:pdsouza@about.com>> wrote:
>>>>
>>>>         We could start a viral meme :)
>>>>
>>>>
>>>>         On 03/30/2013 02:36 PM, Lea Verou wrote:
>>>>
>>>>>         Are we going to do anything for April Fools on Monday? It
>>>>>         might be good PR. Perhaps a blog post or something? Any ideas?
>>>>>         Obviously, we don’t have time for something that requires a
>>>>>         lot of work.
>>>>>
>>>>>         Lea Verou
>>>>>         W3C developer relations
>>>>>         http://w3.org/people/all#lea ✿http://lea.verou.me ✿ @leaverou
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>
>>>>         --
>>>>         Patrick D'Souza Developer, Metrics About.com | Do more 1500
>>>>         Broadway, 6th Floor New York, NY, 10036 AIM: padsouza
>>>>
>>>>
>>>>
>>>>
>>>>     --
>>>>     *[ Jordan Pagels | Creative Developer]***
>>>>     [ RealEyes Media, LLC | www.realeyes.com
>>>>     <http://www.realeyesmedia.com/**> ]
>>>>
>>>>     [ 940 Logan Street | Denver CO, 80203 ]
>>>>     [ b. www.jpgls.com <http://www.jpgls.com> ]
>>>>     [ t. @designerJordan <https://twitter.com/**designerjordan<https://twitter.com/designerjordan>>
>>>> ]
>>>>
>>>>
>>>>
>>>>
>>>> --
>>>> *[ Jordan Pagels | Creative Developer]***
>>>> [ RealEyes Media, LLC | www.realeyes.com <http://www.realeyesmedia.com/
>>>> **> ]
>>>>
>>>> [ 940 Logan Street | Denver CO, 80203 ]
>>>> [ b. www.jpgls.com <http://www.jpgls.com> ]
>>>> [ t. @designerJordan <https://twitter.com/**designerjordan<https://twitter.com/designerjordan>>
>>>> ]
>>>>
>>>
>>>
>>>
>>>
>>>
>>
>
>
> --
> *[ Jordan Pagels | Creative Developer]** *
> [ RealEyes Media, LLC | www.realeyes.com <http://www.realeyesmedia.com/>
>  ]
>
> [ 940 Logan Street | Denver CO, 80203 ]
> [ b. www.jpgls.com ]
> [ t. @designerJordan <https://twitter.com/designerjordan> ]
>