WebCamp Zagreb 2018
| title | author | length |
|---|---|---|
| Containers vs Serverless from a DevOps standpoint | Adnan Rahic | 24m |
Compares managing containers versus FaaS with a simple Node.js app and gives concrete tradeoffs: containers use Docker, a Dockerfile, image repo and Kubernetes… | ||
| Taking CI and automated testing seriously | Alen Ladavac | 44m |
Continuous integration for C++ game code uses a custom build monitor and a 35‑machine in‑office farm because a single Serious Sam build is ~20 GB and a head… | ||
| The Power of Persuasive Design | Alex Kuhn | 23m |
Defines persuasive design as changing interfaces to alter behavior using BJ Fogg’s model: behavior happens when motivation and ability coincide with a prompt… | ||
| Property based testing is a mindset | Andrea Leopardi | 23m |
Property-based testing uses generators and StreamData (Elixir) to describe input shapes, run hundreds of random cases, and assert invariant properties… | ||
| Designing with Accessibility in Mind | Bermon Painter | 44m |
Design focuses on concrete fixes: follow WCAG 2.0 (A/AA/AAA), use ARIA attributes, keep visible focus indicators, and meet a minimum 4.5:1 contrast ratio… | ||
| Where are the women | Dora Militaru | 26m |
Financial Times reports near-even staff gender split, 36% female board and a target of 50/50 senior leadership by 2022, while FT.com rolls out GDPR work… | ||
| Delivering Fast and Beautiful Images and Video | Doug Sillars | 25m |
Images account for about 50% of a page and video about 25%, and small changes give big wins: saving JPEGs at 85% quality cuts median sites by ~2.8s and ~420KB… | ||
| Fearless Concurrency with JavaScript and Beyond | Evadne Wu | 22m |
Compares single-threaded async (XHR, setTimeout, requestAnimationFrame) to multi-context web workers, shows a blob-spawn pattern and using postMessage… | ||
| Headless architecture and the future of websites | Heidi Olsen | 22m |
Argues that decoupling front end from back end yields faster, omni‑channel sites by exposing content via APIs instead of monolithic CMSes, cites Gatsby/Jekyll… | ||
| Algorithms aren't neutral Making UX inclusive | Ivana McConnell | 24m |
Shows concrete failures and fixes: voice assistants don't flag "I am being abused," Apple HealthKit omits reproductive tracking for a year, Amazon Rekognition… | ||
| A sleek view transitions recipe for web apps | Jeremias Menichelli | 22m |
Shows how per-route custom animations come from using React Router + React Transition Group + unique key per route to force unmount/remount, and GSAP timelines… | ||
| Static websites - The Final Frontier | Juho Vepsäläinen | 19m |
Built a conference site that compiles to static HTML while using webpack + React for templates and a CI hook that regenerates pages from content stored on… | ||
| Optimizing page load speed on front end side | Krešimir Burić | 23m |
A pragmatic checklist of concrete wins: aim for ~1s perceived load and measure time to first meaningful paint and time to interactive with Navigation Timing… | ||
| The other side of webapp security | Luka Kladaric | 22m |
Covers practical steps to protect users: how naive HTTPS redirects leak login callbacks and bookmarks, why the redirect is insecure, and when HSTS preload… | ||
| Make coding fun: developing a game in the browser | Marco Cecconi | 42m |
Builds a working arcade shooter in vanilla JavaScript using canvas and requestAnimationFrame, with explicit sprite/asset separation (one image asset shared by… | ||
| Why we love VueJS at NSoft | Marijo Šunjić | 18m |
Company migrates from AngularJS 1.5 to Vue because Angular bundles are too large for Raspberry Pi deployments and caused field failures; Angular 2 measures… | ||
| Crunching data in real time for Fortune500 clients | Marin Bek | 38m |
Real-time personalized content delivery for Fortune500 sites (L Oreal, Unilever, Purina, Nutella) uses a measurement-driven, distributed design: geoDNS (Route… | ||
| Modern SQL: Evolution of a dinosaur | Markus Winand | 41m |
Claims that modern SQL cuts application code by using actual database features and shows working demos: replacing multiple queries and app-side loops with… | ||
| Nitpicking terminology - are we using the right terms | Miro Svrtan | 58m |
Argues that common buzzwords cause real mistakes and gives concrete examples: companies copy microservices in a five-person team and suffer needless… | ||
| Pragmatic execution tracing | Neven Miculinic | 16m |
Tracing captures a full request path with spans and trace IDs so you can pinpoint a missing DB index, a hot CPU hotspot, or a fan‑out that makes latency grow… | ||
| Shoving Your Application Code Into the Web Server | Nikola Plejić | 20m |
Shows how to push business logic into OpenResty / nginx using content_by_lua and balancer_by_lua blocks, with concrete examples: a /brew endpoint that returns… | ||
| The Developer's Model for Talking to Managers | Pim Elshoff | 44m |
Explains a practical communication toolkit: use a distance/sphere of control to decide how direct to be, name and apply the ego state model… | ||
| How did we open source our knowledge and practices | Robert Šorn | 24m |
Company knowledge lives in a git project called knowledge on get lab with a master branch as one source of truth and branches + merge requests for changes… | ||
| Who Takes Out Your Trash | Sanne Kalkman | 17m |
Explains how a garbage collector actually works by showing three jobs: allocate memory, find unreachable objects, and free them, then walks three concrete… | ||
| EME? CDM? DRM? CENC? IDK! | Sebastian Golasch | 44m |
A concrete reverse-engineering of Netflix explains how browsers use EME to call a vendor CDM (Widevine/FairPlay/PlayReady), how a 76,000 lines of JavaScript… | ||
| Fluid typography | Sebastijan Dumančić | 16m |
Shows how to compute a pixel-perfect fluid scale: pick a minimum and maximum font size and the corresponding viewport widths, then use viewport units plus… | ||
| Accessible charts done right | Sergei Kriger | 24m |
Covers four practical techniques: short descriptive alt/label + <desc> for simple charts, making each mark focusable with tabindex=0 and aria-label so screen… | ||
| Do you really need WebSockets? | Stanko Krtalić Rusendić | 23m |
WebSockets provide true full-duplex communication by starting as HTTP then performing an HTTP Upgrade 101 to the WebSocket protocol (introduced 2011 for Google… | ||
| Pricing shouldn't be hard | Vladimir Bogdanić | 23m |
Freelancer pricing centers on measurable steps: track time and expenses; calculate monthly burn and keep a buffer; price proposals with a simple four-part… | ||
| Designing for impact | Vladimir Koncar | 46m |
Argues that beauty alone fails: use discovery workshops to find the product’s “aha” and set clear KPIs, run design sprint (3–5 days) to prototype and validate… | ||
| A Token Walks Into a SPA... | Ado Kukic | 43m |
Compares a driver’s license to a JWT and shows a concrete SPA flow: authentication server issues an access token, the SPA stores token in memory and sends it… | ||
| nothing matches | ||