Fronteers Videos
255 episodes - English - Latest episode: over 7 years ago - ★★★★★ - 1 ratingContains videos from our past conferences, meetups and jam sessions. For and by front-end developers.
Homepage Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Episodes
Oleg Mokhov | Styling books [Fronteers 2015 Jam Session]
October 07, 2015 22:07 - 9 minutes Video00:07 – 00:17 Styling books by Oleg Mokhov What if you need just read a book in browser? This talk is about styling books and making them readable and convenient to read. CSS Columns, flexible images, annotations and something even more. More info at: https://fronteers.nl/congres/2015/jam-session
Vladimir Grinenko | Declarative templates for HTML [Fronteers 2015 Jam Session]
October 07, 2015 21:55 - 8 minutes Video23:55 – 00:05 Declarative templates for HTML by Vladimir Grinenko We all love declarativeness of CSS. Why not to use same approach for HTML templates as well? Vladimir will share the experience they've got at Yandex. More info at: https://fronteers.nl/congres/2015/jam-session
Jules Ernst | 7 Things You Always Wanted To Know About A11Y [Fronteers 2015 Jam Session]
October 07, 2015 21:43 - 11 minutes Video23:43 – 23:53 7 Things You Always Wanted To Know About A11Y by Jules Ernst Or 6 or 8. Last year I've been testing lots of sites. On the subject of accessibility often the same mistakes are made. More info at: https://fronteers.nl/congres/2015/jam-session
Andreas Dantz | Designing with “real” data [Fronteers 2015 Jam Session]
October 07, 2015 21:18 - 11 minutes Video23:18 – 23:28 Designing with “real” data by Andreas Dantz Break your designs early and save a lot of time and money. It doesn't matter if you design in the browser or mock things up in Sketch or Photoshop. A few examples and methodologies from past projects. More info at: https://fronteers.nl/congres/2015/jam-session
Niels Leenheer | A eulogy for Internet Explorer, 1995 — 2015 [Fronteers 2015 Jam Session]
October 07, 2015 21:06 - 8 minutes Video23:06 – 23:16 A eulogy for Internet Explorer, 1995 — 2015 by Niels Leenheer This summer Microsoft released Windows 10. For us web developers this is important, because for the first time since Windows 95 SR1, Internet Explorer is no longer the default browser.Its my opinion now would be an appropriate moment to say goodbye to Internet Explorer. More info at: https://fronteers.nl/congres/2015/jam-session
Jan van Hellemond | The art of selling tickets [Fronteers 2015 Jam Session]
October 07, 2015 20:54 - 11 minutes Video22:54 – 23:04 The art of selling tickets by Jan van Hellemond This year, for the first time ever, Fronteers used a custom built ticketshop to sell tickets to the conference and workshops. Although there are many options available for selling tickets online without having to build something yourself, most are... not very good. And even the good ones tend to have a quirk or two and can be quite expensive. I would like to give a little insight into building a robust and resilient webshop that ca...
Vitaly Friedman | Smart eCommerce Design Patterns [Fronteers 2015 Jam Session]
October 07, 2015 20:42 - 11 minutes Video22:42 – 22:52 Smart eCommerce Design Patterns by Vitaly Friedman In the end, it's all about checkouts and conversion rates, isn't it? In this short talk, we'll look at some practical techniques and strategies on improving conversion with better form design — using modern technologies and innovative examples. More info at: https://fronteers.nl/congres/2015/jam-session
Roy Tomeij | Make Them Click [Fronteers 2015 Jam Session]
October 07, 2015 20:17 - 11 minutes Video22:17 – 22:27 Make Them Click by Roy Tomeij Whether you want it or not, you're the constant victim of neuro-marketing. By tapping into your "reptile brain", you are unconsciously made to click, like and buy. Let's take a look at some proven techniques to trick your mind (on and off line). You'll learn how to see others' influence on you, and maybe to exert some influence of your own. More info at: https://fronteers.nl/congres/2015/jam-session
Bart Oleszczyk | CSS is like sex [Fronteers 2015 Jam Session]
October 07, 2015 20:05 - 7 minutes Video22:05 – 22:15 CSS is like sex by Bart Oleszczyk This talk is not about sex, but in fact about cooking eggs (and CSS of course). More info at: https://fronteers.nl/congres/2015/jam-session
Peter-Paul Koch vs. Jake Archibald | The battle of the year [Fronteers 2015 Jam Session]
October 07, 2015 19:43 - 26 minutes VideoTurning their oscillating online outing into a decidedly destructive down-to-earth diatribe - for one night only - in the blue corner: it's Peter-Paul "The Wall" Koch, QuirksMode's quaestor, and in the red corner, it's Young Jaffa, the boy bashful, the Web's wondrous wizard: Jake "The Cake" Archibald. Presented and moderated like no other, in the Amsterdam 2015 Fronteers Jam Session Arena, by that inimitable imperator, Opera's own Ozymandias, Fronteers's MC, Mr: Bruce "The Law" Lawson. More i...
Kristofer Walters | Fancy Input Elements with Web Components [Fronteers 2015 Jam Session]
October 07, 2015 19:18 - 11 minutes Video21:18 – 21:28 Fancy Input Elements with Web Components by Kristofer Walters I start with an input[type=range] element and step by step add web components stuff to it. The result is a star rating widget, as seen on amazon et al. More info at: https://fronteers.nl/congres/2015/jam-session
Sergey Berezhnoy | Rebuild your own React [Fronteers 2015 Jam Session]
October 07, 2015 19:06 - 8 minutes Video21:06 – 21:16 Rebuild your own React by Sergey Berezhnoy https://github.com/dfilatov/vidom is a React-inspired library for building web interfaces. In his talk Sergey will talk about the basic ideas behind it, like speed, lightweight ans simplicity. Furthermore this talk is aboud the process if reassembling things as a method to understand them deeply. More info at: https://fronteers.nl/congres/2015/jam-session
Robert Haritonov | Building React Components Library [Fronteers 2015 Jam Session]
October 07, 2015 18:54 - 9 minutes Video20:54 – 21:04 Building React Components Library by Robert Haritonov React provides a great foundation for building and implementing reusable components, that whole team (and community) could greatly benefit from. But to make the code actually reusable, it should be properly presented and documented. Robert will guide you through the key patterns of building React components library with proper navigation, rendered examples sandbox and API description. More info at: https://fronteers.nl/congre...
Jeroen Heijmans | Front-end Frameworks Extravaganza [Fronteers 2015 Jam Session]
October 07, 2015 18:42 - 10 minutes Video20:42 – 20:52 Front-end Frameworks Extravaganza by Jeroen Heijmans Frameworks come at a cost, but can help immensely in development, especially with line of business applications many of us write. Knowing which to pick, or even which ones are there can be a challenge. I'll take a few minutes to present a helpful (but opinionated) overview, and add to that the intriguing promise of also showcasing them without going into overtime... More info at: https://fronteers.nl/congres/2015/jam-session
Paul Verbeek | A song about front-end [Fronteers 2015 Jam Session]
October 07, 2015 18:35 - 3 minutes Video20:35 – 20:40 A song about front-end by Paul Verbeek A song honoring the broad technical skillset a front-end developer has to deal with. Might be a bit off-key and off the beat. More info at: https://fronteers.nl/congres/2015/jam-session
[NL] Niels Leenheer | Vreemde browsers [Bijeenkomst bij VI Company]
June 03, 2015 18:15 - 54 minutes VideoNiet iedereen gebruikt een iPhone of Samsung Galaxy en er zijn meer browsers dan Internet Explorer, Chrome, Firefox en Safari en de Android browser. Een overzicht van vreemde browsers en rare devices en veronderstellingen waar front-end ontwikkelaars van uit gaan die misschien wel niet kloppen. Meer info op: https://fronteers.nl/bijeenkomsten/2015/vicompany
[NL] Jan Jongboom | Fun met JavaScript en sensoren [Bijeenkomst bij VI Company]
June 03, 2015 16:45 - 38 minutes VideoIn een met demo's gevulde talk gooit Jan Jongboom telefoons in de lucht, maakt hij een theremin, mishandelt wat telefoons met een schroevendraaier, speelt met de gyroscoop, tagt dingen met bluetooth beacons, en demonstreert hij zijn jongleer-skills. En dat allemaal... met JavaScript. Meer info op: https://fronteers.nl/bijeenkomsten/2015/vicompany
[NL] Koen Kivits | Bowser in de Browser [Bijeenkomst bij Kabisa]
April 08, 2015 18:00 - 56 minutes VideoWat gebeurt er als je 30 jaar oude techniek naar de browsers van nu brengt? Koen vertelt over het experimenteren met nieuwe browser API's om de NES console nieuw leven in te blazen. Meer info op: https://fronteers.nl/bijeenkomsten/2015/kabisa
[NL] Rik Schennink | Conditioner.js [Bijeenkomst bij Kabisa]
April 08, 2015 17:00 - 54 minutes VideoRik zal spreken over Conditioner.js, een door hem ontwikkelde javascript library die je kunt gebruiken voor het ontkoppelen en context-based laden van JavaScript functionaliteit op het multi device web. Meer info op: https://fronteers.nl/bijeenkomsten/2015/kabisa
[NL] Bert Timmermans | Your own Minecraft, thanks to three.js! [Bijeenkomst bij Digiti]
March 12, 2015 19:00 - 50 minutes VideoIt took Bert from Digiti a while, but he succeeded in building his own 3D-world with the help of JavaScript and Three.js. It was a great challenge, but he wants to share it with you! During Bert’s presentation, you’ll notice how easy it is to build your own 3D-world, and discover the challenges he has dealt with while building his. Meer info op: https://fronteers.nl/bijeenkomsten/2015/digiti
[NL] Saskia Videler | Dances with words [Bijeenkomst bij Digiti]
March 12, 2015 18:00 - 41 minutes VideoDe symbiose tussen de front-end en de content, de raakvlakken en tegenstellingen, de kansen en de valkuilen. En vooral: hoe kunnen we elkaar helpen onze projecten naar een hoger niveau te tillen? Meer info op: https://fronteers.nl/bijeenkomsten/2015/digiti
Flurin Egger | Skynet.js [Bijeenkomst bij inSided]
February 24, 2015 19:30 - 35 minutes VideoWe’ve been able to use JavaScript in the browser for quite some time now and even on the server it’s nothing new, but what if we could use JavaScript to control hardware? With the rise of “the Internet of Things” and the simplicity of the Arduino platform this is no longer just a dream it offers us a vast amount of possibilities. In this session we’re going to look at just the tip of the iceberg of these options (no worries, we will not create any self-aware machinery). More info at: https://...
Mauro Mandracchia | A new custom font rendering tool and workflow [Bijeenkomst bij inSided]
February 24, 2015 18:45 - 34 minutes VideoMauro has been working on a tool to build a icon font sets from svg files saved in a dropbox folder. This tool will automatically create the need font files, with css and upload them to our amazon servers. Creating a real nice workflow for keeping our icons up to date. More info at: https://fronteers.nl/bijeenkomsten/2015/insided
Anne Ties van Vliet | How we use modular Sass at inSided [Bijeenkomst bij inSided]
February 24, 2015 18:00 - 29 minutes VideoAt inSided we are currently working on a big refactor of our frontend code. Updating our stylesheets was a big part of this. We have used a modular Sass setup which will win us a lot of time creating custom themes for our customers. We will show you the way this is setup. Will also include a little peek into our grunt/jenkins deploy setup. More info at: https://fronteers.nl/bijeenkomsten/2015/insided
Jochen Vandendriessche | Large Scale JavaScript Design Patterns (and how we use them at De Persgroep) [Bijeenkomst bij De Persgroep]
November 27, 2014 19:15 - 26 minutes VideoMore info at: https://fronteers.nl/bijeenkomsten/2014/persgroep
[NL] Pieter Mergan | Schema.org microdata [Bijeenkomst bij De Persgroep]
November 27, 2014 18:30 - 39 minutes VideoMeer info op: https://fronteers.nl/bijeenkomsten/2014/persgroep
[NL] Harald Bertels | Design collaboration [Bijeenkomst bij De Persgroep]
November 27, 2014 18:00 - 10 minutes VideoMeer info op: https://fronteers.nl/bijeenkomsten/2014/persgroep
[NL] Paul van Buuren | Edge Case Design [Bijeenkomst bij Blendle]
November 25, 2014 19:45 - 17 minutes VideoVoorkom grote verrassingen. Hou vanaf het begin van elk webproject rekening met extremiteiten. Hoe je creativiteit en flexibiliteit bevordert door over grenzen heen te denken. Meer info op: https://fronteers.nl/bijeenkomsten/2014/blendle
[NL] Jesse Dijkstra | Front-end bij Blendle [Bijeenkomst bij Blendle]
November 25, 2014 18:45 - 34 minutes VideoWaar is het team van Blendle tegen aan gelopen en wat hebben ze gedaan om het op te lossen? Onder andere memory issues, separation of concerns, deployment en testing komen aan bod. Meer info op: https://fronteers.nl/bijeenkomsten/2014/blendle
[NL] Bob Donderwinkel | De voordelen van BEM (Block, Element, Modifier) CSS [Bijeenkomst bij WHITE]
October 29, 2014 19:00 - 1 hour VideoIntroductie, voorbeelden en overige praktische (on)zin. Meer info op: https://fronteers.nl/bijeenkomsten/2014/white
[NL] Simon de Turck | AngularJS — een introductie [Bijeenkomst bij WHITE]
October 29, 2014 18:00 - 51 minutes VideoHoe start je snel met Angular? Wat zijn de dingen waar je als eerste tegenaan loopt? Wat zijn de voor- en nadelen ten opzichte van andere frameworks? Meer info op: https://fronteers.nl/bijeenkomsten/2014/white
Petro Salema | Dream big. Think small [Fronteers 2014]
October 10, 2014 14:50 - 52 minutes VideoHoverboards, jetpacks, holograms, and "the next big thing:" none are everyday technologies not because we can't envision them, but because we haven't yet put together the capabilities to make them consumable technologies. More info at: https://fronteers.nl/congres/2014/sessions/petro-salema-dream-big-think-small
Pete Hunt | Scaling up and down: evolving your testing strategies [Fronteers 2014]
October 10, 2014 14:00 - 48 minutes VideoProjects have different testing needs at different points in their lifecycle. In this session we'll have a look at the evolution of testing at Facebook and Instagram, how our needs changed over time, things we did right and mistakes that we made. More info at: https://fronteers.nl/congres/2014/sessions/pete-hunt-scaling-up-and-down-evolving-your-testing-strategies
Kyle Simpson | Choose your own JS adventure [Fronteers 2014]
October 10, 2014 12:40 - 50 minutes VideoYeah, yeah, ES6 is awesome. Everyone knows that. We're all excited about not having to write the word 'function' anymore. But, isn't it about time we stop obsessing so much about what TC39 puts into the official language spec? More info at: https://fronteers.nl/congres/2014/sessions/kyle-simpson-choose-your-own-js-adventure
Meri Williams | Using agile to bake in accessibility [Fronteers 2014]
October 10, 2014 11:50 - 52 minutes VideoOne of the most powerful and helpful aspects of agile can be that it leads to better integrated multi-disciplinary teams. But the focus on building "the simplest thing that works" can lead folks to worry that accessibility and similar will fall by the wayside. Let's have a look at how agile ways of working can help you bake in accessibility and good practices in everything you do, so that the products you produce are for everyone. More info at: https://fronteers.nl/congres/2014/sessions/meri-...
Paul Kinlan | This is the web platform [Fronteers 2014]
October 10, 2014 10:00 - 51 minutes VideoAn analysis of the trends in the web platform to help you plan, prepare and build for a better web. We'll go into ways to analyse trend data to help you learn more effectively about the platform, and we'll go into tools you'll need to make intelligent decisions when deciding on feature levels and browser support. More info at: https://fronteers.nl/congres/2014/sessions/paul-kinlan-this-is-the-web-platform
Sara Soueidan | Animating SVGs with CSS and SMIL [Fronteers 2014]
October 10, 2014 09:10 - 51 minutes VideoSVGs can be animated with CSS, but they also come packed with their own animation elements that allow us to animate them in ways that are not yet possible with CSS. In this session, we'll go over how SVGs can be animated with CSS, including prerequisites, gotchas, and browser bugs, and then we'll go over the native SVG animation elements and how they can be used, what advantages and disadvantages they have compared to CSS animations, browser compatibility, and a little bit more! More info at:...
Dave Olsen | Optimizing web performance [Fronteers 2014]
October 10, 2014 07:50 - 53 minutes VideoToday, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet. More...
Nicolas Gallagher | Making Twitter UI infrastructure [Fronteers 2014]
October 10, 2014 07:00 - 40 minutes VideoMore info at: https://fronteers.nl/congres/2014/sessions/nicolas-gallagher-making-twitter-ui-infrastructure
Alex Feyerke | Offline First: faster, more fun, and more robust (web) apps [Fronteers 2014]
October 09, 2014 14:50 - 1 hour VideoLet's assume for a minute that the technical side of building offline-capable (web) apps was really, really simple. Because it's getting easier every day, and it's obviously desirable: you’d rather have a robust, reliable app instead of one that turns into a wonky disappointment when it's disconnected for a moment. Once we take that as a given, we can think about what building apps Offline First means in terms of interfaces, in terms of your application's structure, and in terms of the experi...
Shwetank Dixit | WebRTC: A front-end perspective [Fronteers 2014]
October 09, 2014 14:00 - 49 minutes VideoWebRTC gives us a way to do real-time, peer-to-peer communication on the web. In this talk, we'll go over the current state of WebRTC (both the awesome parts and the parts which need to be improved) as well as what could come in the future. Mostly though, we'll take a look at how to combine WebRTC with other web technologies to create great experiences on the front-end for real-time, p2p web apps. More info at: https://fronteers.nl/congres/2014/sessions/shwetank-dixit-webrtc-a-front-end-persp...
Dominic Szablewski, Luc Bloom & Thomas Palef | Gaming in the browser [Fronteers 2014]
October 09, 2014 12:40 - 45 minutes VideoIn this practical session Dominic Szablewski, Luc Bloom and Thomas Palef will each share their experience on building games for the browser. They will give us a hands-on view into the possibilities and challenges we face when building such games. More info at: https://fronteers.nl/congres/2014/sessions/gaming-in-the-browser-dominic-szablewski-luc-bloom-thomas-palef
Rachel Nabors | State of the Animation 2014 [Fronteers 2014]
October 09, 2014 11:50 - 47 minutes VideoThe post-Flash era is hardly free of animation. CSS animation is quickly becoming a cornerstone of user-friendly UI frameworks, and JavaScript libraries already exist to handle complex, interactive animations. And now there’s a new API coming to town specifically for web animations! In the wake of so much “CSS vs. JavaScript animation” infighting, you'll be introduced to the Web Animations API via the development styles and insights of four distinct groups of people: UI designers, interaction...
Arnout Kazemier | Pushing the real-time web forward [Fronteers 2014]
October 09, 2014 10:00 - 53 minutes VideoWebSockets, Server Sent Events or should I maybe just use Short Polling? Choosing the right tool for the job is always harder then it looks and often requires deep understanding of the various techniques and hacks. Join this journey and learn about the beauty and horrors of building the real-time web. More info at: https://fronteers.nl/congres/2014/sessions/arnout-kazemier-pushing-the-real-time-web-forward
Nathan Ford | Do we need to write markup? [Fronteers 2014]
October 09, 2014 09:10 - 46 minutes VideoHand-crafted code has been the hallmark of quality front-end development since front-end was even a thing. As websites become more functional, though, and loaded through myriad viewports, is typing our intentions the best use of our time? If we make markup easier, what do we have to fear? Easier markup means more people can build richer content on the web. Also, by relying on tools, rather than our fingers, developers can free up time to focus on the features that really need brain power: acc...
Daniel Espeset | Making maps, the role of frontend infrastructure at Etsy [Fronteers 2014]
October 09, 2014 07:50 - 50 minutes VideoThe scope of Etsy's frontend is massive - our JavaScript codebase has grown by 50% in the last year to more than 3,000 files totaling almost 800,000 lines. Because of Etsy's dedication to continuous deployment, the code running in production changes 25 to 50 times every day. Because of our experimentation-driven development cycle, there may be multiple production versions of our features at any given time. These factors can lead to uncertainty and fear with rolling out upgrades, deleting old ...
Heydon Pickering | Getting nowhere with CSS best practices [Fronteers 2014]
October 09, 2014 07:00 - 48 minutes VideoBroadly speaking, common CSS best practices cover readability, efficiency and modularity. Adopting them purports to make long-running projects more manageable. But do any of them really help, and how many of them actually improve the product that falls into people's hands? Is it possible that CSS best practice can perpetuate or even beget bad design practice? More info at: https://fronteers.nl/congres/2014/sessions/heydon-pickering-getting-nowhere-with-css-best-practices
Eric Eggert | New Developments in Web Accessibility [Fronteers 2014 Jam Session]
October 08, 2014 22:33 - 10 minutes VideoIn my new role as a W3C Web Accessibility Specialist (;-), I will give another update on the state of web accessibility, where we succeeded and where we failed, and where to get all the information you never asked for in terms of web accessibility. I’ll also present the new™ W3C Web Accessibility Tutorials which will be a great resource for Web Designers, Developers and other people involved in making awesome websites. More info at: https://fronteers.nl/congres/2014/jam-session/web-accessibility
Sergey Berezhnoy | Colors and Shapes: Ideas for work with JavaScript syntax [Fronteers 2014 Jam Session]
October 08, 2014 22:21 - 10 minutes VideoIt's NOT about a code editor for JavaScript, where you're going to operate with 3D figures of different shape and color. Unfortunately... ;-) I would like to talk about things that we can do with the current state of JavaScript without any fundamental changes of mind. I will show some very uncommon ideas about syntax highlighting. Also I'll demonstrate several examples of automatic code reformatting which can be inspiring. More info at: https://fronteers.nl/congres/2014/jam-session/colors-and...
Jules Ernst | Accessible graphs and charts as easy as pie [Fronteers 2014 Jam Session]
October 08, 2014 22:09 - 11 minutes VideoAll websites of Dutch Governments must be accessible by the end of this year. In the recent years there has been much improvement in the quality of most websites. For some web components it is still difficult to get things accessible. Examples are maps, PDF and also graphs and charts. Jules will talk about the solution of accessible bar charts and graphs for the Dutch Court of Audit. More info at: https://fronteers.nl/congres/2014/jam-session/accessible-graphs-and-charts