Frontend United 2016
2016-05-27..2016-05-28
Ghent, Belgium
[Frontend United 2016, Frontend United 2017, Frontend United 2018, Frontend United 2019]
who it's for
front-end developers, css developers, javascript developers, drupal developers, ui designers, ux designers, build engineers
topics
responsive image optimization; color theory for interfaces; css architecture practices; drupal and Ionic integration; conversion-focused interface design; html interface prototyping; scalable JavaScript architecture; web audio API; large scale CSS refactoring; postcss tooling; decoupled Drupal front ends; javascript Unicode handling
| title | author | length |
|---|---|---|
| The image problem of the web and how to solve it… | Christian Heillman | 45m |
Argues the web is fat — the average page ships 1.4 MB of images — and shows concrete fixes: use picture element and srcset for responsive delivery, run… | ||
| Practical Color Theory for People Who Code | Natalya Shelburne | 53m |
Claim: developers can treat color as information and reproduce predictable palettes by code. Uses hsl color space and Sass functions to generate palettes… | ||
| CSS for Software Engineers for CSS Developers | Harry Roberts | 01h 04m |
Argues that stealing software‑engineering patterns makes CSS easier to maintain: use DRY via variables and mixins (preprocessors or PostCSS produce the single… | ||
| Getting Started Creating Apps with Drupal and Ionic Framework | Mark Conroy | 26m |
Builds a real hybrid app by wiring Drupal 8 serialization + RESTful web services to Ionic (Cordova) + AngularJS controllers/services, using Views or simple… | ||
| How conversion optimization made me a better interface designer | Karl Gilis | 57m |
A/B testing with Hotjar and Google Analytics reveals concrete fixes: moving key facts left and making CTAs obvious drives results, one variant gets 83% more… | ||
| Effective user interface design with HTML prototyping | Johan Ronsse | 29m |
Claims that HTML prototypes speed iteration and let teams evaluate interactions in the browser rather than design in the browser, that components can be the… | ||
| Scalable JavaScript architecture | Frank Baele | 40m |
Claims a concrete, modular architecture: five favorite patterns (revealing module, mediator, singleton/factory, facade) applied to a split-up HTML5 audio… | ||
| Changing live audio with the web-audio-api | Sam Bellen | 19m |
Claims that standard browser plumbing can recreate stompbox effects: capture via getUserMedia into an AudioContext, route through nodes and back to speakers… | ||
| Large Scale CSS Refactoring | Christoph Reinartz | 29m |
Project Ironman describes migrating trivago’s hotel search CSS core into a mobile‑first, border‑box base using Normalize, postprocessing, BEM and ITCSS, and a… | ||
| CSS Abuse: Cataclysmically Sinister Stylesheets | Steve De Jonghe | 18m |
Explores concrete misuses and real effects: complex Sass/LESS nesting and selector gymnastics that compile into unreadable rules, overlapping pseudo elements… | ||
| PostCSS | Andreas Sahle | 52m |
PostCSS claims let teams use future CSS today by wiring small plugins into a build: examples include postcss-nested for nesting, cssnext for custom properties… | ||
| Decoupled Drupal and the Front End | Preston So | 01h 07m |
Decoupled content management has been taking the front-end world by storm recently as developers seek new ways to leverage battle-tested back ends alongside… | ||
| Drupal 8 theme best practices - here's where we burried the bodies | Mortendk | 01h 01m |
Claims that Drupal 8 theming is a full rethink not just Twig syntax change with concrete results: Classy and Stable base themes live in core so themes can rely… | ||
| How to Boost Your SEO by Using Schema Markup | Baris Wanschers | 38m |
Claims that schema.org produces richer SERPs are backed by demos: Google surfaces recipes events products persons reviews as rich snippets and new rich cards… | ||
| Just Right: Goldilocks and CMS theme systems | Scott Reeves, Lauri Eskola | 01h 10m |
Compares concrete choices in Drupal 8 and other CMSes and reports on what was built and what broke: Drupal adds auto-escape (hard to implement but shipping)… | ||
| Get yourself heard in Open Source | Emma Karayiannis | 28m |
Concrete playbook for getting code and people moving: how refactor the Bartik theme starts as a few tiny issues, scales into a maintainer role, and produces… | ||
| BEM: complete guide for your component frontend development | Vladimir Grinenko | 40m |
Claims BEM is a component methodology that covers CSS, DOM, templates, JavaScript and filesystem layout; demonstrates BEMJSON objects rendered to HTML and a… | ||
| Javascript ♥ Unicode | Mathias Bynens | 43m |
JavaScript treats many Unicode code points as two UTF‑16 surrogates, so string.length and character-at semantics are misleading (a pile of poo counts as length… | ||
| A front-end dev epic journey into geography | Erik Escoffier | 30m |
Chronicle of web cartography that names actual tools and outcomes: history of longitude and web Mercator that puts Earth in a square with Greenland appearing… | ||
| Webpack for a better development workflow | Blake Newman | 28m |
Argues that Webpack replaces much gluing work, showing concrete setup: base config plus dev/prod merges, babel loaders, webpack-dev-server and npm scripts, and… | ||
| Less look, more feel. Improving the user experience as a frontender | Roy Scholten | 53m |
Argues that front end work improves outcomes by filling gaps with concrete artifacts: a content model that maps content types to view modes so components match… | ||
| nothing matches | ||