gaiety/sortable-recipes
1
0
Fork 0
Code Activity

Presentation details

Browse source
This commit is contained in:
Ava Wroten 2020-03-09 21:03:13 -05:00
parent 8d5d95040f
commit ff234d1646
1 changed files with 22 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
presentation/index.html
View file

@ -59,7 +59,7 @@
</p> </p>
<img src="./photo.png" alt="" role="presentation" class="w-40 inline-block" /> <img src="./photo.png" alt="" role="presentation" class="w-40 inline-block" />
<p> <p>
Software Engineer at <a href="https://allovue.com/"><img src="./allovue.svg" alt="Allovue" class="inline-block pl-4" style="border: none; background: none; height: 1.25em;" /></a> Software Engineer at <a href="https://allovue.com/"><img src="./allovue.svg" alt="Allovue" class="inline-block pl-4 shadow-none" style="border: none; background: transparent; height: 1.25em;" /></a>
</p> </p>
<p class="text-sm"> <p class="text-sm">
On Gitlab @gaiety On Gitlab @gaiety
@ -72,17 +72,21 @@
<section> <section>
<h2> <h2>
Intro We'll Discuss
</h2> </h2>
<ol>
<li>Topic</li> <p>A project feature saved by A11y</p>
<li>Topic</li>
</ol> <ul>
<li>Composable Components</li>
<li>Discoverable UX</li>
<li>Rendering Tests</li>
</ul>
</section> </section>
<section> <section>
<h2> <h2>
Feature: Item Reordering Feature: <em>Item Reordering</em>
</h2> </h2>
<p class="fragment">Mouse Drag & Drop</p> <p class="fragment">Mouse Drag & Drop</p>
<p class="fragment text-gray-600">Do we support Touch?</p> <p class="fragment text-gray-600">Do we support Touch?</p>
@ -160,6 +164,9 @@
</section> </section>
<section data-background-iframe="https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/listbox-rearrangeable.html" data-background-interactive> <section data-background-iframe="https://www.w3.org/TR/wai-aria-practices-1.1/examples/listbox/listbox-rearrangeable.html" data-background-interactive>
<aside class="notes">
This UI felt intuitive because it used existing UI elements and keyboard shortcuts I was familiar with.
</aside>
</section> </section>
<section> <section>
@ -195,10 +202,6 @@
</div> </div>
</section> </section>
<section>
TODO: Living Styleguide?
</section>
<section data-background-iframe="http://localhost:4200/52958" data-background-interactive> <section data-background-iframe="http://localhost:4200/52958" data-background-interactive>
</section> </section>
@ -234,8 +237,10 @@
<section> <section>
<h2>Where do we go from here?</h2> <h2>Where do we go from here?</h2>
<ul> <ul>
<li><a href="https://github.com/adopted-ember-addons/ember-sortable/pull/345">ember-sortable v2.2.x modifiers</a></li> <li class="fragment"><a href="https://github.com/adopted-ember-addons/ember-sortable/pull/345">ember-sortable v2.2.x modifiers</a></li>
<li class="fragment"><a href="https://github.com/ember-a11y/ember-a11y-testing">ember-a11y-testing</a></li>
</ul> </ul>
</section> </section>
@ -243,10 +248,11 @@
<h2> <h2>
Outro Outro
</h2> </h2>
<ol> <ul>
<li>Topic</li> <li>Adding Functionality w/ Composable Components</li>
<li>Topic</li> <li>Equitable & Discoverable UX</li>
</ol> <li>Automation Testing A11y</li>
</ul>
</section> </section>
<section data-background-color="#5677e4"> <section data-background-color="#5677e4">