Web Unleashed 2017
2017-09-25..2017-09-26
Toronto, Canada
[Web Unleashed 2015, Web Unleashed 2016, Web Unleashed 2017, Spotlight Vue.js FITC 2018, Web Unleashed 2018, Web Unleashed 2019]
as the organisers put it
Web Unleashed, the front-end developer event, will help developers learn the skills they need to push them ahead in their careers. September 25-26, 2017 in Toronto.
| title | author | length |
|---|---|---|
| Big Bang Redesign: Smashing Magazine’s 2017 Relaunch, a Case Study | Vitaly Friedman | 56m |
Smashing Magazine moves off WordPress to a JAM Stack with a GitHub editorial workflow, Hugo + webpack, and serverless deployment to CDN, using HTTP/2 and… | ||
| People, Process, & Patterns | Bermon Painter | 45m |
Claim: projects fail mostly because of people not tech. Specifics: active listening techniques—mirroring, labeling, paraphrasing—and slow measured tone reduce… | ||
| Ask Them Anything: Career & Life Advice for Junior & Intermediate Developers | Heather Payne, Chris Coyier, Una Kravets, Sarah Drasner | 42m |
Panel gives blunt, actionable moves: write for years (examples show blogs and a podcast that run long before traction and later attract sponsors), use… | ||
| Creating Multi-Screen Installations with Web Technologies | Branden Hall | 42m |
Web technologies have created a new kind of universal canvas – a powerful, open way to put pixels on screens. With careful application of these technologies… | ||
| Storytelling With Software | Carl Sziebert | 48m |
Prototyping is presented as the decisive activity: a paper map prototype reveals how light and layers confuse users, a Sketch plug-in that injects live Search… | ||
| Ten Pro Tips for Prototyping | Fred Beecher | 40m |
Ten concrete rules: prototype to answer a specific goal, not to show off. Use the right tool—Axure, Principle, InVision Inspect or raw HTML—based on needed… | ||
| Variable Fonts and the Future of Web Design | Jason Pamental | 33m |
Claims that a single variable font file can replace many separate font files: examples move from 26 files down to two and a demo replaces ~18 Open Sans files… | ||
| When the Web Re-Enters the Material World | Adelle Lin | 38m |
Argues that the web must become spatial and demonstrates it with concrete prototypes: a Hololens app "more" built in Unity, HTC Vive installations, laser-cut… | ||
| The Fundamental Flaw in Flat Design | Kate Meyer | 34m |
Claim: flat aesthetics remove perceivable click clues and create click uncertainty. Evidence: a between‑subjects experiment with 70 participants, nine page… | ||
| Designing for Your Users: How to Create a Better User Experience | Clarissa Peterson | 42m |
Slides list 50 actionable tips and cites specific fixes: WordPress: five-step flow that reduces signup friction, Geico Express Services that lets payments… | ||
| A Tale of Four Properties | Chris Coyier | 43m |
Builds a They Might Be Giants fan site that actually works: lyrics angled by a shape-outside polygon, animated floats that morph only when polygons share the… | ||
| The Hybrid’s Dilemma | Vivian Friedman | 39m |
Panelists state a clear claim: hybrids win at startups but struggle in rigid org ladders. Examples include switching from Google engineering into design… | ||
| Making Friends With SVGs | Fatima Remtullah | 22m |
Builds a custom avatar from photo to vector using Sketch, starts with ovals and key points, uses union/boolean ops and named groups, applies a noise fill for… | ||
| Marketing for Developers | Tracy Osborn | 46m |
Build a landing page and collect emails first so early interest doesn’t vanish, add analytics via Segment + Google Analytics (or KISSmetrics/Mixpanel), and… | ||
| How to Build Accessible Products | Shaima al-khalili, Trevor Anna, David best, jennifer taylor | 44m |
Ontario requires new or refreshed web content since 2012 to meet WCAG 2.0 level A and mandates upgrading to level AAA by 2021 for organizations with 50+… | ||
| JavaScript in All the Creative Places | Stacey Mulcahy | 42m |
Showcases concrete builds and tools: a transformation mask that pairs Hololens+Arduino Bluetooth sync to open a mechanical mask and synchronize audio‑visuals… | ||
| Solving Layout Problems With CSS Grid and Friends | Rachel Andrew | 43m |
CSS Grid Layout launched into the majority of our browsers in 2017 and the session shows concrete techniques: use 1fr and minmax with repeat(auto-fill/fit) to… | ||
| Full Stream Ahead! | Ryan Christiani | 29m |
Argues that server-style streams land in the browser and shows working code: Node’s fs.createReadStream/createWriteStream, duplex echo server and transform… | ||
| Can You Just Code Your Way to Fame and Fortune? | Pearl Chen | 40m |
Argues that coding alone doesn’t earn promotions or opportunities and proves it with concrete tactics and outcomes: honest self-promotion through Twitter and… | ||
| Lessons of Team Leadership. In Nine Innings. | Albert Poon | 40m |
Claims that coaching youth baseball supplies practical leadership methods for product design teams and gives concrete practices: run focused drills on… | ||
| The Influence of Cultural Relativism | Ramya Mahalingam | 43m |
Argues that national-scale models of culture fail and that design needs a culturally relative lens, backed by field methods: ethnographic visits, usability… | ||
| Product Strategy Playbook | Kurt Krumme | 24m |
Argues a product strategy raises odds of success by forcing concrete choices: gather existing research and assets, form testable hypotheses and test riskiest… | ||
| Managing State in Angular Applications | Victor Savkin | 41m |
Claims that state complexity comes from six types of state and from mixing state updates with side effects and routing; fixes come from separating pure… | ||
| The PM Misconception: Why Everyone and No One is Prepared to Manage Product | Mariah Hay | 42m |
Argues that product management is ambiguous by habit and shows how to make it concrete: defines three core skills—listening analysis and prioritization—and the… | ||
| Smooth Animations for Web & Hybrid | Alexander Blom | 36m |
Claims that CSS keyframes and GPU-backed transforms beat DOM-heavy JS are demonstrated with concrete tools and numbers: use requestAnimationFrame not… | ||
| Remote: Hacking the World’s Genius | Robyn Larsen | 44m |
Argues that a staged experiment actually works: a one-day-a-week pilot grows into company policy and at TIG 60→100 people now allow one day/week remote and… | ||
| nothing matches | ||