John Riviello Client Engineer, Author, Speaker & Inventor

LinkedIn Learning Course:

• CSS to Sass: Converting an Existing Site
  Learn the steps to take an existing website built with vanilla CSS and update it to use Sass.
  Topics include:
  • Deciding between Ruby Sass or libSass
  • Installing Node.js, Grunt, Node-Sass and Grunt-Sass
  • Converting CSS to SCSS
  • Creating core variables and mixins
  • Abstracting units and values
  • Applying advanced mixins
  • Using Eyeglass
  • Generating image sprites with eyeglass-spriting
  • Creating high-DPI sprites
  • Building new styles

Upcoming Talks & Workshops

• Talks TBA, ÜberConf, July 16-19, 2024

Past Talks & Workshops

• "The Decision Buy-In Algorithm", TechBash, 11/8/23
• "Progressive Web App Workshop", TechBash, 11/7/23
• "The Decision Buy-In Algorithm", LibertyJS, 10/13/23
• "Intro to Web Components with LitElement", ÜberConf, 7/20/23
• "Future Proofing Your Framework Decision", ÜberConf, 7/19/23
• "Progressive Web App Workshop", ÜberConf, 7/18/23
• "The Decision Buy-In Algorithm", QCon New York, 6/13/23 [ Interview ]
• "Future Proofing Your Framework Decision", Progressive Web Experience, 12/5/22
• "Developing New W3C Web Platform Features", Progressive Web Experience, 12/5/22
• Workshop: "Sharing Components Across Frameworks", Progressive Web Experience, 12/4/22 [ Materials ]
• "The Art & Science of Decision Buy-In", Philly Mobile Development Conference, 5/5/22
• "The Art & Science of Decision Buy-In", StaffPlus New York, 4/5/22 [ Video ]
• "Web Components: The Future of Web Development is Here", Progressive Web Experience, 12/8/21
• "Developing New W3C Web Platform Features", Progressive Web Experience, 12/7/21
• Workshop: "Sharing Components Across Frameworks", Progressive Web Experience, 12/6/21
• "Web Components: The Future of Web Development is Here", Progressive Web Experience, 12/1/20
• "Future-Proofing Your JavaScript Framework Decision", Progressive Web Experience, 12/1/20
• Workshop: "Sharing Components Across Frameworks", Progressive Web Experience, 11/30/20
• "Polymer-Powered Design Systems", Progressive Web Experience, 12/2/19
• "Web Components: The Future of Web Development is Here", Progressive Web Experience, 12/2/19
• "Future-Proofing Your JavaScript Framework Decision", Progressive Web Experience, 12/2/19
• Workshop: "Sharing Components Across Frameworks", Progressive Web Experience, 12/1/19>
• "Intro to Web Components & Polymer Workshop", TechBash, 11/12/19 [ Materials ]
• "Web Components: The Future of Web Development is Here", ÜberConf, 7/17/19 [ Slides ]
• "Intro to Web Components & Polymer Workshop", ÜberConf, 7/16/19 [ Materials ]
• "Future-Proofing Your JavaScript Framework Decision", University of Illinois Web Conference, 4/5/19 [ Slides ]
• "Polymer-Powered Design Systems", FrontEnd Fest, 4/2/19
• "Web Components: The Future of Web Development is Here", FrontEnd Fest, 4/2/19 [ Slides ]
• "Intro to Web Components & Polymer Workshop", FrontEnd Fest, 4/1/19 [ Materials ]
• "The Critical Career Path Decision", Rich Web Experience, 12/3/18 [ Slides ]
• "Polymer-Powered Design Systems", Rich Web Experience, 12/3/18
• "Web Components: The Future of Web Development is Here", Rich Web Experience, 12/3/18 [ Slides ]
• Workshop: "Intro to Web Components & Polymer", Rich Web Experience, 12/2/18 [ Materials ]
• "Intro to Web Components & Polymer Workshop", Node+JS Interactive, 10/10/18 [ Video | Materials ]
• Workshop: "Intro to Web Components & Polymer", Mid-Atlantic Developer Conference, 7/13/18 [ Materials ]
• Workshop: "Intro to Web Components & Polymer", Music City Code, 5/31/18 [ Materials ]
• Workshop: "Web Components + Polymer", Codeland, 5/4/18 [ Materials ]
• "Web Components: The Future of Web Development is Here", Drupaldelphia, 4/27/18 [ Video | Slides ]
• "The Critical Career Path Conversation", The Lead Developer, 4/24/18 [ Video | Slides ]
• "Ensuring Design Standards with Web Components", University of Illinois Web Conference, 4/5/18 [ Slides ]
• Workshop: "Intro to Web Components & Polymer", University of Illinois Web Conference, 4/4/18 [ Materials ]
• "Web Components: The Future of Web Development is Here", LibertyJS, 11/16/17 [ Slides ]
• "Live at DevFest Florida 2017", Thunder Nerds Podcast, 11/11/17 [ Video | Audio ]
• "Polymer-Powered Design Systems", DevFest Florida, 11/11/17 [ Video | Slides ]
• Workshop: "Introduction to Web Components & Polymer", Little Rock Tech Fest, 10/5/17 [ Materials | Video ]
• "Web Components: The Future of Web Development is Here", MinneWebCon, 5/1/17 [ Slides ]
• "Episode 112: Polymer Summit 2016", The Web Platform Podcast, 10/27/16 [ Video | Audio ]
• "Polymer in Practice @ Comcast", Polymer Summit, 10/18/16 [ Video ]
• Workshop: "Hands on with Polymer", LibertyJS, 10/1/16 [ Workshop Repos ]
• "Custom Elements with Polymer Web Components", Elements: Web Conference at Penn State, 6/14/16 [ Slides ]
• "The Truth About Your Web App's Performance", FOSSCON, 8/22/15 [ Slides ]
• "The Truth About Your Web App's Performance", Web Conference at Penn State, 6/22/15 [ Slides ]
• "The Truth About Your Web App's Performance", University of Illinois Web Conference, 4/30/15 [ Slides ]
• "The Truth About Your Web App's Performance", JSConf, 5/28/14 [ Video | Slides ]
• "Integrating CSS Lint, csscss & other command-line tools as Compass Extensions", SassConf, 10/13/13
• "Level Up Your Sass with Compass and CSS Lint", BarCamp Philly, 11/10/12
• "CSS Lint for Sass & Compass", Philadelphia Sass Meetup, 10/17/12 [ Video ]

In addition to speaking, I've also mentored High School and College students, and taught TechGirlz classes on front-end web development.

Interested in having me speak? Please contact me!

I built my first website in 1996 and started working as web developer in 1997. I love building websites and helping other do the same as much now as I did then. My primary focus is Front-end Web Development (HTML5, CSS3, Sass, JavaScript, JavaScript Testing & Web Components) and Web Performance.

Websites I've developed with a team

• Xfinity xFi
• Xfinity.com Customer Portal
• Xfinity Stream

Open Source projects I've authored

• Analytic Hierarchy Process (AHP) Tool: Web App
• Surf-N-Perf: NPM, Ruby Gem
• compass-csscss: Ruby Gem
• compass-csslint: Ruby Gem
• css_lint_ruby: Ruby Gem
• Additional open source work is available on GitHub

I am an inventor on 7 patents (3 original patents, and 4 continuation patents), and have 3 more patents pending.

Original Patents

• US 9667730: Systems And Methods For Abandonment Detection And Mitigation
• US 10733246: System and Method for Identifying a User
• US 11252155: Systems and methods for on-network device identification

• PDF version
• LinkedIn Profile

The best ways to get in touch with me are to either email me at john [at] johnriviello [dot] com, send me a tweet @JohnRiv on Twitter, or introduce yourself to me at a meetup or conference.

Note to recruiters: I'm happily employed as an Engineering Fellow at Comcast, which is a VP-level Individual Contributor role. I was the first front-end web developer to reach that level in a technology company of over 189,000 employees. I love my job because I get to work with amazing people on technologies I love while solving big problems to improve the web experiences for millions of users. My family I enjoy living outside of Philadelphia, not only for the family & friends we have nearby, but also for the close proximity to the ocean (and therefore, surfing). If you consider those factors, and have a remote-work-friendly opportunity that you feel is large enough to excite me, I'll certainly respect your effort to research me and reply to your request.