Ryan Van Etten

Skills

• Naming...
• Creator advocacy
• Semantic HTML, ARIA, a11y
• CSS, PostCSS, design systems
• Responsive web design
• Inclusive design, inclusive naming
• UX writing, voice and tone, naming
• Branding, content strategy, expression
• Accessible color system design
• Maintaining opensource projects
• Github, code review, jekyll, npm

Experience

• s9a San Francisco

  Creator 2018–current

  • I speak in posters on s9a and advocate naming * HTML * CSS expression * the bae
  • I'm producing a subpicture SF year photo project called Perspective for release NYE

• PlanGrid San Francisco

  UX Engineer 2017–2018

  • Created functional CSS frameworks structure and paint
  • Abstracted Invision designs into a composable system of reusable components
  • Developed approachable performant React CSS strategies
  • Advocated accessibility, inclusion, empathy, transparency, growth mindset
  • Convinced our engineering department to start an opensource policy
  • Gave Resilient CSS lightning talk as part of Clarity Conference
  • Led web onboarding training for new engineers

• Radius Intelligence San Francisco

  Interaction Designer 2015–2017

  • Built Radius web app features as part of cross-functional agile team
  • Architected modular SCSS to meet complex needs while reducing technical debt
  • Took initiative to start a living UI styleguide with all our HTML and CSS patterns
  • Crafted semantic accessible engaging HTML markup for Angular and React
  • Prototyped accessible JavaScript state interactions via jQuery, Angular, React

• Expa San Francisco

  Software Engineer 2014

  • Wrote JavaScript for an Express web app called OpenLikes
  • Wrote mobile-friendly cross-browser CSS via LESS
  • Wrote semantic HTML markup via Jade
  • Contributed to feature direction and iterated via UX research

• Freelance Web

  Creative Technologist 2009–2014

  • Produced editorials, features, infographics, interviews, photosets, posters as virtualmusic.tv editor, writer, creator
  • Captioned hundreds of AmplifiedNY photos curated from its Flickr group
  • Built websites for academics, photographers, musicians, labels
  • Advised clients on web design, branding, naming, strategy
  • Designed digital graphics, logos, album covers

• Stern Strategy Group New Jersey

  Digital Strategist 2011

  • Developed web strategy and competitive analysis for agency clients
  • Generated creative ideas and content strategy for client programs
  • Provided technical recommendations to clients and internal teams
  • Designed digital graphics for webpages and client ad campaigns
  • Designed and developed WordPress themes
  • Edited blog articles and client deliverables

Education

Community

• I develop 90+ opensource modules via github.com/ryanve
• I attend meetups and conferences: D+G, WaffleJS, ForwardJS, npm.camp
• I listen to podcasts like Soft Skills, Reply All, Dark Blue
• I mentor Hackbright students and inspire others to learn to code
• I post experiments, share solutions, advocate best practices

• JavaScript
• PHP
• WordPress

Blogs

virtualmusic.TV

Digital music culture, DIY tips, and web trends blog edited and produced by Ryan.

amplifiedNY.com

NYC street-style photoblog edited and produced by Ryan with photos by Flickr contributors.