Front-Trends 2017
| title | author | length |
|---|---|---|
| Front-Trends 2017 Highlights | 03m | |
Highlights show a tight mix of practical techniques and wild demos: day-to-day job talks deliver actionable tips to take back to an office while others… | ||
| The Power of CSS | Una Kravets | 31m |
Dives into concrete tricks: uses filters and blend modes (multiply, screen, hue/saturation, difference/exclusion) plus gradients to create Instagram-like… | ||
| Big Bang Redesign: Smashing Magazine’s 2017 Relaunch | Vitaly Friedman | 33m |
Smashing Magazine migrates from WordPress to a GitHub-based JAM Stack editorial workflow, a static-site build that removes the database and yields dramatic… | ||
| I Didn't Know The Browser Could Do That! | Sam Bellen | 21m |
Demos show the browser doing speech synthesis and recognition (speechRecognition works only in Chrome and sends audio to Google servers), geolocation plus… | ||
| The past and future of designing interfaces | Adam Morse | 28m |
Cites a study showing 88% of spreadsheets have errors, argues auditing finds more mistakes rather than people making more, and treats UI work as input/output… | ||
| Field-tested interfaces for the next billion | Ally Long | 30m |
Field-tested work with health teams in Nigeria Guinea Sierra Leone and DRC shows cheap Android knockoffs, intermittent networks and scarce power shape usable… | ||
| Components, Patterns And Sh*t It’s Hard To Deal With | Marco Cedaro | 23m |
Years of code at Shazam and CloudCube using Mustache templates, BEM CSS and React examples produce concrete anti-patterns: class-name injection couples context… | ||
| Monsters, mailboxes and other nonsense | Niels Leenheer | 28m |
Old house gets hacked into a playful IoT lab using a Raspberry Pi running demotic to tie together cheap radio sensors, a VixCom receiver and custom Wi‑Fi… | ||
| The First Meaningful Paint | Patrick Hamann | 37m |
Uses FT.com as a case study and measures with WebPageTest and Lighthouse to optimize first meaningful paint from about 8600 ms on a 3G emerging-market profile… | ||
| Experimenting your way to a better product | Zoe Mickley Gillenwater | 28m |
Booking.com uses A/B testing as a core business process for over eight years, running hundreds of experiments where 9 out of 10 tests fail so teams favor tiny… | ||
| I'm in IoT | Vadim Makeev | 39m |
Demonstrates that modern browsers can control BLE hardware directly: Chrome uses navigator.bluetooth to pair with devices, read services and write values, and… | ||
| Motion In Design Systems | Val Head | 35m |
Argues that animation must be designed top‑down and included early, not tacked on at the end, and gives three concrete deliverables to use: storyboards, motion… | ||
| Building a Progressive Web App | Kirupa Chinnathambi | 23m |
Builds a real Progressive Web App using a JSON web app manifest plus a background service worker that acts as a proxy to intercept requests for offline… | ||
| A Cartoon Intro to React Fiber | Lin Clark | 31m |
Explains that Fiber replaces React’s old reconciler with a new JavaScript fiber object and workLoop that breaks rendering into interruptible reconcile phase… | ||
| The How, What and Why of Migrating to ReactJS | Jack Franklin | 32m |
A large Angular 1 ticketing app migrates incrementally to React using the Strangler application pattern, shipping a tiny React title component the day after… | ||
| Prevent Default — The Future of Authoring Tools | Mihai Cernusca | 31m |
Argues that documents must be websites not simulated paper, with the web as the authoring platform and plain text as the kernel. Shows a working Swipe… | ||
| Alternative Reality DevTools | Konrad Dzwinel | 30m |
History shows devtools copy a few long-lived patterns so research interviewed engineers, designers and filmmakers and builds prototypes that change that… | ||
| Let's Save The Internet | Ola Gasidlo | 28m |
Browsers still behave differently despite the end of the browser wars; the concrete fix is reporting and fixing cross‑browser bugs. A community project at… | ||
| Easy and Affordable User-Testing | Ida Aalen | 29m |
Shows concrete low-cost methods: hit the streets with a tablet and snacks, run 5-user tests (the five users rule) or 50+ for IA, or ship a prototype… | ||
| Rendering performance inside out | Martin Splitt | 37m |
Explains rendering as numbers in memory—pixels are arrays of three 0–255 bytes (RGB) and shaders are simple blend/filter functions that run per pixel; copying… | ||
| On How Your Brain is Conspiring Against You Making Good Software | Jenna Zeigen | 29m |
Covers specific cognitive experiments and practical fixes: categorical syllogisms show only 9% draw correct conclusions, the Wason card task gets 4% right… | ||
| Changing The Layout Game | Chris Wright | 27m |
Shows concrete moves from hacked layouts to modern features with examples: Grid with fr and minmax replaces 60+ lines of framework code with a few… | ||
| Demystifying Deep Neural Networks | Rosie Campbell | 27m |
Shows how networks learn weights and biases with gradient descent and backprop, uses ReLU and other activation functions, and runs on GPUs with large labelled… | ||
| Microservices – The FAAS and the Furious | Phil Hawksworth | 42m |
Argues that you can keep a site static and offload dynamic bits to single-purpose services: use Netlify builds triggered by webhooks (IFTTT) to pull in Twitter… | ||
| Watch Your Back, Browser! You're Being Observed. | Stefan Judis | 31m |
Replaces scroll+getBoundingClientRect polling with IntersectionObserver, raising a demo effect from about 8fps to 18fps by avoiding layout thrashing; uses… | ||
| nothing matches | ||