Resource and Notes

Education is an ongoing process which extends beyond a single day of conference talks. This page is dedicated to notes from previous Front Porch Conference presentations and helpful online resources for front-end development.

Slides from past talks

In addition to having videos of our past speakers available, many of them have published their slides as well supplimental links for further education.

• Front End Testing of Node.js Applications by Stacy Kirk

  • Todo Test App
  • QualityWorks Consulting Group
  • NodeQA

• React + ES.next = ❤ by Ben Ilegbodu

  • Ben Ilegbodu
  • Learning ES6: Block-level scoping with let and const
  • The Learning ES6 Series
  • Eventbrite React & JSX Coding Style Guide
  • Eventbrite's ESLint config that lints React & JSX
  • React Fundamentals Workshop
  • React + ES.next = ❤

• Welcome to Web Components with Polymer by Josh Kemmerling

  • WebComponents.org
  • Polymer: Get started
  • Elements guide

• Creating a Design Guide for Enterprise Software by Michael Senkow & Voranouth Supadulya

  • NASA Design Guide (1976)
  • Design Patterns: Elements of Reusable Object-Oriented Software
  • iOS Human Interface Guidelines
  • Microsoft Health Common User Interface
  • Windows 8 Design Handbook
  • Material Design by Google
  • Bootstrap framework

• Fun with the Web Animations API by Dan Wilson

  • New Web Animations engine in Blink drives CSS Animations & Transitions
  • GitHub: JavaScript implementation of the Web Animations API
  • Demo: falling letters
  • Web Animations API documentation
  • Slack community
  • Newsletter
  • Podcast (Episodes 216 and 203)

• Visual Regression Testing with PhantomCSS by Jon Bellah

  • Test Your Awareness: Whodunnit?
  • PhantomCSS

• Simple. Accessible. Fast. by Estelle Weyl

  • Transitions and Animations in CSS book
  • Standardista: CSS3, JS & HTML5 explained
  • Image Optimization Tips for Improved Performance
  • Page Speed docs
  • Web Accessibility for Designers
  • jQuery input mask repo
  • Input mask demo
  • Carousel demo
  • ARIA in html

• Ethnography in Software Design by Kelly Moran

  • A Simple Introduction to the Practice of Ethnography and Guide to Ethnographic Fieldnotes
  • Methods of Discovery a Guide to Research Writing
  • Ethnography
  • What is Ethnography?
  • Body Ritual among the Nacirema

• Branding With Sass by Travis Miller

  • Controlling color with Sass color functions
  • Modular CSS Typography
  • SASS @font-face mixin by Jonathan Neal
  • Code example 1
  • Code example 2
  • Code example 3

• Intro to Ember.js and Ember-CLI by Iheanyi Ekechukwu

  • Liquid Fire
  • Ember Community Slack
  • Ember Inspector
  • Ember-CLI
  • Ember Observer

• Responsible Data Visualization by Amanda Cheung

  • Visualizing Data by Ben Fry
  • Processing.org
  • Choosing a good chart

• Node Style Guide by Nathan Smith

  • Code Repo
  • Code Demo
  • How to Use npm as a Build Tool
  • Trash CLI
  • PageRes

• SMACSS Your Sass Up by Mina Markham

  • Jessica Hische
  • Specificity Calculator
  • Sassy Starter
  • Menu example
  • SMACSS
  • Sass
  • Sassmeister

• SVG Strikes Back by Matt Baxter

  • Can I Use SVG
  • SVG element reference
  • Nodejs-based tool for optimizing SVG vector graphics files
  • SVG CSS Properties
  • SVG.js
  • Trianglify
  • How designers can create interactive prototypes with Illustrator
  • A Compendium of SVG Information

• Intro to WebGL by David Lyons

• Responsive Image Strategies by Lindsey Norman

  • RWD Podcast, Boston Globe episode
  • designers + engineers + empathy = greatness

• Deploying Websites With Capistrano by Andrew Turner

  • Preparing Your Application
  • Official Capistrano Documentation
  • Capistrano Github
  • How To Use Capistrano to Automate Deployments: Getting Started
  • Capistrano powered WordPress deployment
  • Website Deployment: Let Us Count The Ways!

• Front Porch Keynote 2014 by Chris Williams (2013)

• Sweet and Sassy Responsive Design by Mina Markham

  • Sass
  • Foundation
  • Susy
  • Bourbon
  • The Sass Way
  • Sassmeister

• HTML5 Can't Do That by Nathan Smith

  • The Making of Fastbook: An HTML5 Love Story
  • Native apps. Mobile APIs. Real-time analytics.
  • 960 Grid System
  • Unsemantic Grid System

• Building a CSS Foundation by Jake Smith

  • csswizardry/inuit.css
  • Principles of writing consistent, idiomatic CSS.
  • Wordpress CSS Coding Standards
  • CSS Lint
  • PHP_CodeSniffer
  • Shoot to kill; CSS selector intent
  • Andy Hume: CSS for Grownups, SXSW 2012 video

• Embracing Performance Optimization by Jon Bellah

• Progressive Enhancement with Modernizr by Matthew Carver