CascadiaFest 2016
| title | author | length |
|---|---|---|
| Practical Color Theory for People Who Code | Natalya Shelburne | 25m |
Explains a concrete workflow: pick one hue, generate its complimentary color, then use simple HSL functions implemented in Sass to mix to desaturate and… | ||
| Bauhaus in the Browser | Justin McDowell | 25m |
Shows concrete recreations of four Bauhaus works using viewport units, CSS Grid, shape-outside and stacked 3D transforms and gives runnable demos: a responsive… | ||
| Code Patterns for Pattern Making | Miriam E Suzanne | 31m |
Code patterns turn design rules into reusable code: this work uses Sass maps and a define-now-calculate-later trick to keep colors and typographic scales… | ||
| CSS Psuedo Hover After and Beyond | Mike Kivikoski | 26m |
Covers practical, browser-aware recipes for using over 35+ pseudo-classes/elements: :after/:before for icons and tooltips, form states (checked, indeterminate… | ||
| Creating Beautiful, Accessible, and User Friendly Forms | Clarissa Peterson | 27m |
Argues that shorter forms increase completion and goodwill, showing concrete tradeoffs: split signups (2 fields then more) raise conversions; avoid dropdowns… | ||
| Flipping Tables Displaying Data on Small Screens | Stephanie Hobson | 25m |
Shows how to keep real data tables usable on phones by doing specific things: use semantic markup (caption, thead/tbody/tfoot, th scope and colgroup), rely on… | ||
| Can't You Just Make It More like Bootstrap? | Alice Bartlett | 26m |
Origami is a component system used across 60+ FT sites and a long tail of at least 88 pages, built as Sass/JS components plus a CDN and an npm tool. The team… | ||
| Using Sass and PostCSS Together | James Steinbach | 21m |
Combines a Sass->CSS Gulp pipeline with PostCSS plugins so Sass compiles non-CSS features and PostCSS then Autoprefixer adds exact vendor prefixes, cssnano… | ||
| SVG So Very Good | Tyler Sticka | 27m |
Argues that SVG replaces icon fonts and raster hacks by being a true vector image format that's also an XML-based document and a valid HTML5 subset, produces… | ||
| Methods to Organize Your Learning Process in CSS | Lourdes Montano | 21m |
Shows a concrete workflow for taming overwhelm: set a ranked list of learning goals, break each into tiny steps, and reserve a weekly few hours for practice… | ||
| Welcoming Communities | Gregor Martynus | 31m |
Hoodie grows contributors by concrete changes: codebase splits into 16 modules so newcomers can fix one package without understanding everything; contrib… | ||
| Becoming Responsible for CSS | Alan Stearns | 24m |
CSS specification discussion moves onto GitHub issues so anyone can propose changes and follow tagged threads; shapes is implemented in two engines and in… | ||
| Making It Better Without Making It Over | Rebecca Murphy | 24m |
A nine-year-old mobile job-search site at Indeed grows from near-zero JavaScript to 12,000 lines, doubling each year; initialization calls pass 40 arguments… | ||
| Demystifying Web Workers and Service Workers | Nolan Lawson | 25m |
JavaScript blocking causes visible jank because a 60 Hz screen gives only 16.7 ms frame budget per frame; web workers run scripts on a true background thread… | ||
| Arbitrary Computation on the GPU Using WebGL | Seth Samuel | 25m |
Shows how WebGL encodes arbitrary data as textures, runs math in GLSL shaders, and returns results via canvas.getImageData; demos include a 50,000‑particle… | ||
| In Defense of Static Sites | Liz Abinante | 26m |
Argument: most public sites need no backend or heavy JS, so choose static when content is informational, cheap, fast, and secure. Cites concrete pain: two and… | ||
| Scripting in the 3rd Party True Tales of Horror and Hope | Noah Adams | 26m |
Third-party scripts load as tiny async loaders, serve per-customer config, and must be cached and CDN-hosted to handle 1 billion pageviews/month while avoiding… | ||
| Onboarding Superheroes | Tara Scherner | 20m |
A new hire struggles with GitHub enterprise URLs and team shorthand like “ia” that actually means a repository called internal apps, so onboarding focuses on… | ||
| Javascript as Play A Primer on Getting Started with Video Games | Rachel White | 25m |
Builds a browser action catformer using the open source engine Phaser, with an 800x600 canvas, arcade physics, sprite sheets (6 frames per animation) and… | ||
| Custom Elements in Production | Thomas Wilburn | 28m |
Seattle Times runs raw Custom Elements in production for two years on a site with millions of pageviews, polyfilling only a 4K gzipped shim for custom… | ||
| Javascript Minus Javascript | Sarah Saltrick Meyer | 23m |
Rent the Runway spends nine months rebuilding product pages so the site works with JavaScript disabled; they use server-rendered React to deliver full HTML… | ||
| Embracre HTTP2 Server Push | Dale Bustad | 24m |
HTTP/2 server push can cut round‑trip latency by proactively sending dependent assets and uses a push promise → RST_STREAM handshake so the browser can cancel… | ||
| Where in the Stack is Carmen Sanfrancisco? | Marcy Sutton Todd | 26m |
Diagnoses a reproducible focus drop caused by a timing bug where Foundation and custom handlers race when aria-hidden flips — fixable by delaying focus… | ||
| Making a Robot Eye with JS or Magic of Computer Vision Unraveled | Mariko Kosaka | 34m |
Builds an AR marker detector in plain JavaScript using canvas and video input, reads getImageData RGBA array, converts to luma grayscale + threshold to pull… | ||
| Why did the Robot Cross the Road? | Pawel Szymczyko | 28m |
Build and result: a Tapsterbot delta robot controlled from Node.js using Johnny-Five and a new J5 Delta module to perform taps and swipes on a phone, a C920… | ||
| Happy Sparkle Glitter Fun Zone Leds and Javascript | Russell Hay | 24m |
A demo builds an ambient “lightning rod” LED display that shows average temperature and rain using Forecast.io and JavaScript, implemented with Johnny-Five +… | ||
| Open Source Beyond Software | Jenn Turner | 30m |
Hoodie recruits an editorial team via a GitHub issue and Google Hangouts; 11 people respond. The project rewrites the editorial repo README, runs weekly Google… | ||
| Our Identities Have No Bodies Web, Code and Self Exploration | Ivana McConnell | 18m |
Argument: tying faces and persistent personal data to accounts (for example Facebook real-name policies) removes safe spaces that once let people experiment… | ||
| API Design Through the Lens of Photography | Bryan Hughes | 27m |
API design compares to photography by treating constraints as creative decisions: exposure parameters — ISO shutter speed aperture — map to trade-offs like… | ||
| To the Moon Overcoming Latency for Fun and Adventure | Brock Whitten | 24m |
Surge is a static-hosting system built on Node.js that names files by their content hash and uses S3 for origin, Redis, an in-process LRU and browser service… | ||
| Demystifying the Darknet in 30mns or Less | Nwokedi Idika | 20m |
Clear, concrete breakdown of how Tor implements an anonymous overlay: the Tor Browser is Firefox plus an onion proxy, circuits use a three-hop circuit (guard /… | ||
| Require Cyrpto is a Human Right | Bill Automata | 26m |
Accessible tour of the Node.js Crypto API tied to history, law, and attacks, showing Node linking to OpenSSL and why buggy OpenSSL bubbles into apps… | ||
| The Hitchhiker's Guide to All Things Memory in JS | Safia Abdalla | 22m |
Explains how V8 divides the heap into new space, old pointer/old data, large object (>8 MB) and code space, and why V8 uses a generational GC: scavenging… | ||
| Managing Dependencies with Confidence | Stephan Bonneman | 24m |
Claims that dependency churn is solvable by automation: Greenkeeper watches the npm changes feed (300k+ packages), opens branches and creates PRs via GitHub… | ||
| Demystifying JS Engines | Alejandro Oviedo | 18m |
Explains how modern JS engines parse to bytecode, collect runtime type feedback and run multi‑tier JITs: SpiderMonkey uses Baseline → Ion; V8 adds an… | ||
| nothing matches | ||