empire js notes 2015

empirejs.md

EmpireJS 2015 - takeaways and resources

• schedule
• videos

Day 1

Rudy Jahchan - Getting Started in VR with JS (art, vr, physical)

• slides
• it would be cool to get our hands on google cardboard and experiment with 3d-ish video!

Jonathan Kuperman - Inclusive Web: Getting started with Accessibility (everyday, accessability)

• slides
• examine how well our site works with screen readers and prioritize accessibility
• Tenon lets you input a URL and see accessibility issues. example: vimeo.com
• run our most important pages through a screen reader
• WebAIM lots of great resources here about UX and accessibility. here's a screen reader user survey that has a section on mobile

Paul Taylor - Falcor: Reactive REST at Netflix (framework)

• a new sort of async MVC-ish framework from Netflix called Falcor
• youtube

Nick Hehr - The Other Side of Empathy (not-as-technical)

• soft skills talk about the importance of empathy at work, especially when it comes to giving feedback
• slides
• more resources about this topic

Karen Peng - Demo(interesting ways to explore computational concepts)

• game demo
• slides

Kelly King - Experimentation, Tone and Emotional Design (tooling, ab, design)

• do more ab tests coooool

Andrew Rota - Why Static Type Checking is Better (next level js, type system)

• slides

Tim Holman - Fun with JS (art, creative)

• elevator.js

Kevin Greer - Introducing FOAM (framework)

• github

Sequoia McDowell - Building shell tools in javascript (tooling)

• slides

Jenna Zeigen - The Linguistic Relativity of Programming Languages (syntax, lingustics)

• slides

Rob Ellis - SuperScript (syntax, lingustics)

misc

• staten island has a brewery and it's pretty awesome

Day 2

Soledad Penadés - Web components and experimental mobile UI audio+p2p wifi+whatnot (next level js)

• slides

Mariko Kosaka - Knitting explained in JavaScript & Using Javascript for your knitting project (art, phycial, hardware)

• knitting and javascript zomg
• slides
• example

Matthew Conlen - Data visualization with Node.js and Lightning (3d, data vis)

• data viz
• slides
• Lightning

Eric Shepherd - Make Friends with Marketing: Safely Implementing a Container Tag (everyday)

K. Adam White - Side Projects! Front and Center (not-as-technical)

• method:
  • work regularly
  • work incrementally
  • work towards a deadline
• side projects / passion projects are good for da soul and for productivity

Mark Wunsch - The Giving Tree (everyday, browser, DOM)

• slides
• probably in my top 2/3 presentations
• the power of the DOM and its lesser known interfaces like TreeWalker and DocumentFragment

Ian Webster - Hacking Space with Javascript and WebGL (3d, space, physical)

• basically javascript and space, specifically asteroids
• created asteroid ranking UI and crazy visualizations
• website

Jordan Kasper - Generating a New Async (next level js)

• slides
• all about generators and the best part is we can start using them now!

Varya Stepanova - Automating Style Guide Driven Development (tooling, design)

• OMG OMG wow a styleguide that gets created automatically through grunt/gulp using KSS, many ooh ahh moments
• old school flow is usually mockup, markup, implement but this method
  • yields inconsistent visual system
  • inconsistent code (duplicate, unreasoned)
  • version confusion
  • time-conusming
  • unmaintainable
• Style Guide generator
• slides
• KSS doc blocks for CSS
• apparently PostCSS is a thing

Tara Feener - ReactJS: Let's get expressive (framework)

• es6 kind of looks like coffeescript
• more expressive programming languages = cleaner code
• her stack for maximum expressivity:
  • coffeescript
  • webpack
  • reactjs
  • nodejs
  • steamline
  • expressjs
  • react router
• slides

Ben Purdy & John Brown - State of the Art - Interactive Physical Installations Powered by JavaScript (art, physical)

• lots of really f**king cool demos
• generative art, twitch IRL with "random" data: uncontext
• would be cool to do something with generative poetry using uncontext
• map projections onto 3D objects with maptastic using CSS matrix transforms
• join a creative code group
• slides