JSUnconf 2018
2018-04-21..2018-04-22
Hamburg, Germany
JSUnconf ·
[JSUnconf 2016, JSUnconf 2017, JSUnconf 2018, JSUnconf 2019]
as the organisers put it
JavaScript Unconference 2018 in Hamburg. It's your conference. You decide what will happen.
who it's for
frontend developers, ui engineers, web performance engineers, web security engineers, accessibility engineers, tooling authors, engineering managers
topics
Web Animations API usage; resource hints: preconnect prefetch preload; micro frontends with iframes and custom elements; tensorflow.js browser machine learning; wasm-bindgen WebAssembly integration; self-hosted fonts and font-display swap; Houdini Paint API and Typed OM; inline SVG reuse and filter effects; AV1 open video codec; link checking and screenshot testing
| title | author | length |
|---|---|---|
| Introduction to Web Security | Dominik Kundel | 29m |
A demo site uses Twilio and JWT auth and demonstrates concrete failures: JWT "none" exploit lets anyone flip a role when algs aren’t whitelisted; marked… | ||
| Native Web Animation | Lisi Linhart | 27m |
Empirical rules and runnable code decide whether to watch: animations use transform and opacity to stay on the GPU compositing step, avoid layout-triggering… | ||
| Micro Frontends | Elmar Burke, Hans-Christian Otto | 34m |
Argues micro frontends let teams scale and modernize incrementally, showing concrete approaches: isolated runtimes via iframes (used for payments), shared… | ||
| preconnect, prefetch, preload, pre what? An intro to Resource Hints | Robin Drexler | 27m |
Concrete numbers and demos: measurements on webpagetest.org show DNS TCP TLS handshakes plus 3G latency pushing connection setup into the 1–1.4s range and a… | ||
| How hard can it be! Practical uses of complexity theory | Anna Melzer | 21m |
A sequence of small machines gets built and tested: a finite state automaton that accepts alternating cat/dog petting and works for that rule; a pushdown… | ||
| Machine Learning in the Browser | Lian Li | 36m |
Builds a browser-side neural net with tensorflow.js (formerly deeplearn.js), generates 10,000 data points of random RGB inputs and complementary RGB targets… | ||
| Turning wireframes into code | Markus Siering | |
-- no description -- | ||
| World domination | Kathrin Holzmann | |
-- no description -- | ||
| (Web) Hooked on a feeling with Serverless | Emanuel Kluge | |
-- no description -- | ||
| Accelerating talent through community bootcamps | Julia Hurrelmann | |
-- no description -- | ||
| lerna - migrate your package zoo to a monorepo | Arnd Issler | |
-- no description -- | ||
| Web accessibility | Darek Kay | |
-- no description -- | ||
| Down the SVG Rabbit Hole | Robyn Larsen | 30m |
Shows how inline SVGs become reusable assets with the use element, warns Sketch exports add unwanted transforms, and recommends flattening/artboards to avoid… | ||
| Houdini the new CSS Magic | Karsten Buckstegge | 24m |
Houdini exposes low-level CSS entry points so JavaScript can polyfill missing features by registering Paint API worklets, using the CSS Typed OM and custom… | ||
| High Performance Web Fonts | Peter Müller | 26m |
Demo shows a concrete tool called subfont that pulls Google Fonts local, preloads them and applies font-display: swap, cutting the slow-path cost so first… | ||
| Putting WebAssembly in your web app today! | Johann Hofmann | 28m |
Rust code compiles to a real .wasm and a JS glue file using wasm-bindgen, producing generated hash.wasm and hash.js that handle string marshaling and memory… | ||
| The importance of taking a break | Ramón Huidobro | 04m |
Getting stuck on a bug repeatedly resolves by stepping away and letting the mind mull things over; a concrete example is leaving a desk for a walk with dogs… | ||
| AV1 | István Szmozsánszky "Flaki" | 05m |
A new video codec called AV1 emerges from the Alliance for Open Media as a royalty-free open-source codec that claims real gains and practical tooling. Tests… | ||
| Hacking create react app to use preact | Daniel Spitzer | 04m |
Hacks replace react and react-dom with preact via modified react-scripts and webpack so the bundle shrinks dramatically while keeping the same JSX API; Jest… | ||
| Health, mental health and what not | Diana Ilithya | 05m |
A personal account names a diagnosis of tennis elbow, a month of enforced rest and "Frankham gymnastic" therapy, then months later an MRI that finds a… | ||
| Punchcard coding with CSS | Fabricius Seifert | 05m |
-- no description -- | ||
| The algorithmic beauty of plants | Anna Melzer | 04m |
Claims that plant growth maps to generative grammars and demonstrates a concrete L‑system pipeline: an axiom plus replacement rules produce strings, a… | ||
| A word from an organizer | Gregor Elke | 03m |
Organizers run the noches meetup in Hamburg and claim the biggest bottleneck is finding people willing to speak not the topic itself; common barriers are… | ||
| In app browsers | Franco Speziali | 05m |
A web quiz that posts to Pinterest fails for Facebook referrals because the in‑app browser does not persist cookies, so OAuth redirects repeatedly reset state… | ||
| Check your links with hyperlink | Peter Müller | 02m |
A small crawler called hyperlink walks a site recursively and reports actual failures not vague examples it flags broken links and permanent redirects verifies… | ||
| The Importance of Cross-Cultural Competency | Julia Hurrelmann | 06m |
Shows how small changes in interview process affect hiring outcomes and gives concrete mitigation steps: a one-page cultural checklist to capture setting and… | ||
| Think outside the box | Philipp Hinrichsen | 04m |
Shows a concrete hack: parse git commit messages into an index.md, filter out excluded types, and push the generated site to GitHub Pages with simple npm… | ||
| Screenshot Tests | Ansgar Mertens | |
-- no description -- | ||
| Handling and validating user input in a react app | Edward Byne | |
-- no description -- | ||
| nothing matches | ||