Monthly Meetup

Shazam! It's SeattleJS time again. Join us the 2nd Thursday in April at Adobe in Fremont for a heart-stopping, death-defying, and spell-binding meetup where we'll be learning about about making the web accessible and how web components are used at the Seattle Times. Why are you still reading and not clicking the RSVP button?

//=================

Topic 1: Accessibility and Performance
by Marcy Sutton
@marcysutton (https://twitter.com/marcysutton?ref_src=twsrc%5Etfw) | gh marcysutton (https://github.com/marcysutton) | blog (http://marcysutton.com/)

https://lh6.googleusercontent.com/0McECmYkJ140ftckhy6VBjO3Ac4eSgByk4fX9H7-vjUmPX9ttJSmbaChiMyPXWQQEQ7dz0z7FKCkQJe9uMxCZnPS61HnCEhPAwegZ5G5kBlzMcVkFi-LEcnWzSy4KSSe_XqFyO3e (http://marcysutton.com/)

abstract:: How do slow performing JavaScript applications impact user experience for people with disabilities–are there certain aspects of the web rendering process that create barriers when you're relying on a screen reader? By studying the limitations of browsers with assistive technologies and establishing developer best practices, we can we make faster, more accessible experiences for our users. We'll frame Web Performance with an Accessibility lens, looking at progressive enhancement in detail with server- and client-rendered apps built with Angular 2, React or Ember FastBoot; always remembering our friend, static HTML.

bio:: Marcy Sutton is a Senior Front-End Engineer at Deque Systems, where she works on the axe-core team with a focus on integration into developer tooling. Marcy is passionate about improving the web for people with disabilities and she loves contributing to Angular as a core team member with an accessibility focus. Her blog, Accessibility Wins, highlights accessible user interfaces and tools, contributing a positive voice to the web development space. Marcy also co-organizes the Seattle chapter of Girl Develop It, a nonprofit encouraging women to learn about software.

//=================

Topic 1: Using Web Components in Production at Seattle Times
by Thomas Wilburn
gh thomaswilburn (https://github.com/thomaswilburn) | blog (http://thomaswilburn.net/)

https://lh6.googleusercontent.com/fAYJ8MiIIzvjRqdfwQtXD-LmRYbPRdtGpgxuP6ZhoEBCK60mGdt6NZS0VsKxQxVSQ8Ild9YYTAyogPbj0-ofx9WcrrUefvaySkHjHzoudEs8D343yltPUm6dQXU6dQF0Iif4h8Hq (http://thomaswilburn.net/)

abstract:: Web components have been right on the edge of production-readiness for several years now, to the point where many people have simply given up on them. At the Seattle Times, we've found that with a little bit of polyfilling, we can have the benefits of custom elements today, and we're using them all over our site, and on our special projects. This talk will cover the basics of web components, talk about the ones we're using currently (, , and more), create a simple component, and then discuss the possible pitfalls that come with life on the bleeding edge.

Some helpful links:

Live May Day updates (http://www.seattletimes.com/seattle-news/live-updates-from-may-day-seattle/)

Responsive frame element (https://github.com/seattletimes/responsive-frame)

Image slider element (https://github.com/seattletimes/component-image-slider)

Leaflet element (https://github.com/seattletimes/component-leaflet-map)

Our custom element template (https://github.com/seattletimes/component-template)

bio:: Thomas Wilburn is a news developer for the Seattle Times, where he works with reporters and editors to build interactive features and graphics. Previously, he worked at ArenaNet on the web team for Guild Wars 2, which uses embedded browser tech in several parts of the in-game UI.

//=================

Special thanks go out to Adobe for both hosting and sponsoring Seattle JS for the month of April! Also, thank you to Amazon for providing drinks again this month!

SeattleJS is recorded and available each month after editing is complete. See past recordings on the SeattleJS channel on YouTube (http://www.youtube.com/channel/UCr5lOCcjZzNprLrhxO0WZQw) and more recent ones on Channel 9 (http://channel9.msdn.com/blogs/seattlejs).

If you're interested in presenting at a future Seattle JS meetup, feel free to submit a talk (https://github.com/seattlejs/seattlejs/blob/master/request-to-speak.md).