FITC Web Unleashed 2014
as the organisers put it
If you’re a front-end developer, or aspire to be one, then you know how quickly the space changes. By attending Web Unleashed, you will get up-to-date on the skills to push you ahead in your career. You’ll also have the opportunity to network and share ideas with like-minded professionals. Join us at Web Unleashed for: • […]
who it's for
front-end developers, javascript developers, ui engineers, mobile web developers, frontend architects, web designers, ux designers
topics
flexbox layout techniques; server-side image resizing; picture element usage; responsive typography with rems and viewport units; progressive enhancement (cutting the mustard); css geometric shapes and hexagon generator; SVG drawing with Snap.svg and Raphael; Canvas libraries for visuals (paper.js, CreateJS); React.js virtual DOM and Immutable.js; Media Source Extensions and dash.js; Ionic with AngularJS hybrid apps; Gulp stream-based build workflows
| title | author | length |
|---|---|---|
| Squishy Pixels | Varun Vachhar | 29m |
Claims that Adaptive Web Design is a superset and Responsive is just one technique, then demonstrates concrete tools: flexbox (grow/shrink/basis, nesting… | ||
| The Internet of Shapes | Brenna O'Brien | 43m |
Claims that geometric layouts are doable and faster are backed by specifics: the css triangle border hack and border-radius 50% for circles, combine… | ||
| Functional Web Development – An Introduction to React.js | Bertrand Karerangabo | 51m |
React.js claims to let large, dynamic apps be fast and predictable by ditching parts of MVC and rendering UI as composed components into a virtual DOM, using… | ||
| Media Source Extensions | Jeff Tapper | 43m |
The web gets a real streaming API: MediaSource Extensions lets JavaScript fetch manifests and initialization fragments, feed segmented MP4s to the video… | ||
| Twitter Bootstrap Unleashed | Rami Sayar | 42m |
Live demos build a working Hello World site and several grids, showing the 12-column grid behavior, container vs container-fluid and actual pixel widths… | ||
| Responsive Typography | Jason Pamental | 46m |
Claim: make web type responsive by controlling load, fallbacks, scale and micro‑typography. Uses Google Web Fonts/Typekit via the web font loader, noscript… | ||
| Designing Killer Apps & Websites Using Photoshop and Creative Cloud | Paul Trani | 46m |
Photoshop CC 2014 shows concrete, usable features: smart guides for precise spacing, place linked smart objects that update every PSD when the source… | ||
| Keeping Your HTML Semantic with SASS | Ray Villalobos | 42m |
Argues that layout should live in styles not markup and shows a working site built with Sass + Susy + Compass + Breakpoint that drops Bootstrap-style column… | ||
| Chrome Apps for Mobile | Michal Mocny | 30m |
Chrome Apps for Mobile adapts Apache Cordova so one codebase uses chrome APIs on Android and iOS, shipping a working demo (Topeka) with push via gcm push… | ||
| Foot-Gun Features to Avoid in jQuery | Dave Methvin | 43m |
jQuery 1.9 removes legacy APIs like $.browser and .live and provides the jQuery Migrate plugin for migration; using CDN “latest” breaks sites in production… | ||
| Going Hybrid Mobile with Ionic and AngularJS | Gerred Dillon | 39m |
Live coding creates a functioning Ionic + AngularJS app end to end: run ionic start, ionic serve, call an Open Beer API and render an ion-list — a beer app in… | ||
| Front-End Workflows with Gulp | Bermon Painter | 45m |
Compares Gulp and Grunt with concrete claims: Gulp favors code over configuration, uses stream-based piping to avoid constant file I/O (example: concatenate +… | ||
| D3.js – From Zero to Data Viz Hero | Kent English | 42m |
Builds a pie into a donut using d3.arc and angle layout via d3.pie, loads a CSV of Toronto parking‑ticket weekdays with d3.csv, and adds center tooltips that… | ||
| Web Components | Jeff Tapper | 19m |
Claims that Web Components give real encapsulation and reuse backed by Polymer polyfills and a framework; demonstrates a working language app composed of… | ||
| nothing matches | ||