Entering the multi-screen era means rethinking how we build our applications. Producing a few PSDs doesn't cut it anymore, we have to start seeing the things we design as components within larger systems. Join us to learn how to use Polymer to revolutionize your design process. With these new tools we can create the UIs of the future, and shorten the time between concept and reality.
19. A simple container with a header
section and a content section
<core-header-panel>
<core-header-panel>
<core-toolbar>
<core-icon-button icon=“menu">
</core-icon-button>
I/O 2014
</core-toolbar>
<div class=“content”>…</div>
</core-header-panel>
20. A simple container with a header
section and a content section
<core-header-panel>
<core-toolbar>
<core-icon-button icon=“menu">
</core-icon-button>
I/O 2014
</core-toolbar>
<div class=“content”>…</div>
</core-header-panel>
<core-header-panel>
21. A simple container with a header
section and a content section
<core-header-panel>
<core-toolbar>
<core-icon-button icon=“menu">
</core-icon-button>
I/O 2014
</core-toolbar>
<div class=“content”>…</div>
</core-header-panel>
<core-header-panel>
22. A simple container with a header
section and a content section
<core-header-panel>
<core-toolbar>
<core-icon-button icon=“menu">
</core-icon-button>
I/O 2014
</core-toolbar>
<div class=“content”>…</div>
</core-header-panel>
<core-header-panel>
27. A responsive container that
combines a left- or right-side drawer
panel and a main content area.
<core-drawer-panel>
<core-drawer-panel>
<div drawer> Drawer panel... </div>
<div main> Main panel... </div>
</core-drawer-panel>
28. <core-drawer-panel>
<div drawer> Drawer panel... </div>
<div main> Main panel... </div>
</core-drawer-panel>
A responsive container that
combines a left- or right-side drawer
panel and a main content area.
<core-drawer-panel>
29. <core-drawer-panel>
<div drawer> Drawer panel... </div>
<div main> Main panel... </div>
</core-drawer-panel>
A responsive container that
combines a left- or right-side drawer
panel and a main content area.
<core-drawer-panel>
64. A pluggable system for creating smooth
transitions from one view to the next.
<core-animated-pages>
<core-animated-pages
selected=“0”
transitions="slide-from-right">
<section>…</section>
<section>…</section>
<section>…</section>
</core-animated-pages>