Yep. PolyMail uses some placeholder markup that gets styled and overlayed
on top. Then app.js removes it at the right time.

https://github.com/ebidel/polymer-gmail/blob/master/index.html#L26-L38
https://github.com/ebidel/polymer-gmail/blob/master/scripts/app.js#L66-L91
https://github.com/ebidel/polymer-gmail/blob/master/styles/app.css#L206-L238

On Fri, Oct 30, 2015 at 2:01 PM Kelly St. John <[email protected]> wrote:

> Never mind...it seems the meat and potatoes of it is right here:
> https://github.com/ebidel/polymer-gmail/blob/master/scripts/app.js
>
>
> On Friday, 30 October 2015 13:30:10 UTC-7, Kelly St. John wrote:
>>
>> I'd like to mitigate FOUC using the app shell approach as presented by
>> Eric Bidelman in his Polymer Summit 2015 - Performance Patterns talk
>> starting at the 11:00 mark (
>> https://youtu.be/Yr84DpNaMfk?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J).
>> I understand the approach used where he mimics using the *unresolved* CSS
>> selector and essentially filling in placeholders for those elements.
>> However, it is a little more unclear to me how he achieves the app shell
>> mobile version of PolyMail 1.0, replacing the contents of the entire
>> viewport with what appears to be a different splash page altogether (shows
>> the large gmail image...watch starting at 15:43 for that).
>>
>> Any ideas?
>>
>>
>>
>> Follow Polymer on Google+: plus.google.com/107187849809354688692
> ---
> You received this message because you are subscribed to the Google Groups
> "Polymer" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/polymer-dev/78a95544-6f5c-4105-a459-941902093a8a%40googlegroups.com
> <https://groups.google.com/d/msgid/polymer-dev/78a95544-6f5c-4105-a459-941902093a8a%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
> For more options, visit https://groups.google.com/d/optout.
>

Follow Polymer on Google+: plus.google.com/107187849809354688692
--- 
You received this message because you are subscribed to the Google Groups 
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/polymer-dev/CACGqRCAXZfPRpxsFs-GGucDoNvVK5%2BTGg0p685_A_AerSkQAAw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to