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
Antoine Hegeman, Bor Verkroost, Bram Duvigneau & Chris Heilmann | Accessibility panel [Fronteers 2012]
October 04, 2012 14:00 - 52 minutes - 129 MB VideoMany web developers will agree that building accessible websites is of great importance. Still, for many of us it's hard to imagine what the web is like if the 'default' ways to interact with it just don't work for you. In this panel of user experts Bram, Antoine and Bor will show us how they interact with websites and applications and discuss what does or doesn't work for them. More info at: https://fronteers.nl/congres/2012/sessions/accessibility-panel
Stephen Hay | Style guides are the new Photoshop [Fronteers 2012]
October 04, 2012 12:40 - 45 minutes - 110 MB VideoUse of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides. More info at: https://fronteers.nl/congres/2012/sessions/style-guides-are-...
Mathias Bynens | Ten things I didn’t know about HTML [Fronteers 2012]
October 04, 2012 11:50 - 45 minutes - 93.7 MB VideoWeb development never gets boring to me. Not just because nowadays, new “HTML5” technologies are emerging like tubes of spaghetti at a pasta factory — but mostly because there’s always something new to learn. Even the oldest, most reliable features of HTML/CSS/JavaScript, “the basics” that we take for granted every day, are full of hidden gems or restrictions. During this talk, we’ll take a look at the more obscure parts of HTML, CSS and JavaScript, and demystify some of them. More info at: h...
Alex Graul | Using JS to build bigger, better datavis to enlighten and elate [Fronteers 2012]
October 04, 2012 10:00 - 48 minutes - 136 MB VideoAt Guardian Interactive we work to create innovative visualisations to delight and inform our readers. With this talk I want to show you how to design and build not just simple and not-so-simple charts to illustrate data but how to design & architect larger more complex pieces of content that tell stories and illustrate ideas. More info at: https://fronteers.nl/congres/2012/sessions/using-js-to-build-bigger-better-datavis-to-enlighten-and-elate-alex-graul
Peter-Paul Koch | A Pixel is not a Pixel [Fronteers 2012]
October 04, 2012 09:10 - 44 minutes - 118 MB VideoViewports are pretty easy on desktop: they're the browser window. Thus, an element with width: 10% will span 10% of the browser window, while width: 100px just means a width of 100px. On mobile, things are quite different. There are two viewports and three kinds of pixels, and they interact in all kinds of weird ways—ways that depend on the browser. More info at: https://fronteers.nl/congres/2012/sessions/a-pixel-is-not-a-pixel-peter-paul-koch
Addy Osmani | The New And Improved Developer Toolbelt [Fronteers 2012]
October 04, 2012 07:50 - 57 minutes - 132 MB VideoWhether you're using JavaScript or CoffeeScript, LESS or SASS, building an awesome webapp these days usually requires a plethora of boilerplates, frameworks, tools and a lot of glue to get them to work together. In short, you need a kick-ass toolbelt. From performance tuning to build tools, in this session you'll get a complete overview of the current tooling ecosystem and learn about a new tool for app developers by Google that tries to bring all of the pieces of this ecosystem together for ...
Mark Boulton | Adapting to Responsive Design [Fronteers 2012]
October 04, 2012 07:00 - 50 minutes - 134 MB VideoResponsive design involves more than just fluid grids and media queries. The move to adaptive web sites touches every part of an organisation: from content needs and content management, to editorial workflows and project management. The way we design and build web sites is changing, but the way we write, manage, and evolve our websites needs to change, too. Mark will share his thoughts and experience of how adopting responsive web design practices needs to begin in the boardroom, rather than ...
Philipp Naderer | Concurrent Server-side JS on the JVM [Fronteers 2012 Jam Session]
October 03, 2012 22:30 - 10 minutes - 29.6 MB Video10 minutes about RingoJS, a Node.js-like CommonJS environment, which supports threaded JavaScript on the server (aka "Workers"). More info at: https://fronteers.nl/congres/2012/jam-session/concurrent-server-side-js-on-the-jvm-philipp-naderer
Anton Nemtsev | Some funy css tricks you may use in lazy game dev [Fronteers 2012 Jam Session]
October 03, 2012 22:18 - 6 minutes - 18.2 MB VideoUsually game development in web use flash, canvas or webgl. But today you may use also CSS with little bit of js. I want to show couple of tricks and explain why CSS sometimes may be good decision. More info at: https://fronteers.nl/congres/2012/jam-session/some-funy-css-tricks-you-may-use-in-lazy-game-dev-anton-nemtsev
Vasilis van Gemert | New Defaults [Fronteers 2012 Jam Session]
October 03, 2012 22:06 - 9 minutes - 27.4 MB VideoThe web has changed but the way we approach new web projects hasn't. In this talk I'll compare the old defaults we used to work with, like desktop screen sizes, mouse interaction and some ideas about site structure with new defaults, new ideas based on the current web. More info at: https://fronteers.nl/congres/2012/jam-session/new-defaults-vasilis-van-gemert
Roman Komarov | Use CSS transitions for pseudo-elements right now [Fronteers 2012 Jam Session]
October 03, 2012 21:44 - 9 minutes - 27.9 MB VideoNew CSS properties like transitions, gradients and, of course, pseudo-elements — :before and :after. People use them to create complex things just on a single html element, for some extra decorations without any bloated markup and for so much more. However, pseudo-elements have a major drawback — you couldn't use CSS transitions on them. Until now! Right now the only browser who know how to transition values on pseudos is FireFox. But I'll talk about the method any modern browser would unders...
Jan van Hellemond | The Return of the Carriage Return [Fronteers 2012 Jam Session]
October 03, 2012 21:32 - 11 minutes - 34.9 MB VideoHow we were asked to build a continuous, full-screen, interactive animation for a client and the hilarity that ensued. A tale of feature detection, CSS animations and transitions, scripted animation, hardware acceleration and performance. More info at: https://fronteers.nl/congres/2012/jam-session/the-return-of-the-carriage-return-jan-van-hellemond
Rodney Rehm | Designing APIs for usability [Fronteers 2012 Jam Session]
October 03, 2012 21:20 - 7 minutes - 22.1 MB VideoCovering the 3 most important things one needs to consider when building utilities/libraries for others to use. (robustness, simplicity, flexibility) More info at: https://fronteers.nl/congres/2012/jam-session/designing-apis-for-usability-rodney-rehm
Marc Hinse | How to improve selector performance when selecting customers [Fronteers 2012 Jam Session]
October 03, 2012 21:08 - 8 minutes - 26.2 MB VideoDevelopment of a formula for selecting clients. Or better: how can a selection be improved if you have the choice? Customers send out signals before you make the contract. Read, analyze and understand them. So the goal has to be not a customerMatchAll(), more a matchCustomer() paired with giveMeMoneyAndShutUp(true). But some exceptions are allowed on the road to success ;-) More info at: https://fronteers.nl/congres/2012/jam-session/how-to-improve-selector-performance-when-selecting-customers...
Varvara Stepanova | Frontend evolution at Yandex. The road to BEM [Fronteers 2012 Jam Session]
October 03, 2012 20:46 - 10 minutes - 30.2 MB VideoBeing Russia's search giant, Yandex employs thousands of developers, who are daily challenged by a huge amount of frontend development problems. Such as fast developing, maintaining long-lived services, code reusing, team scalability an many more. I would like to share with the comminity our solutions to these problems and speak about how they evolved through time and technological changes. More info at: https://fronteers.nl/congres/2012/jam-session/frontend-evolution-at-yandex-varvara-stepanova
simurai | Flexible Web Apps [Fronteers 2012 Jam Session]
October 03, 2012 20:34 - 6 minutes - 18.4 MB VideoI'll be starting off by trying to identify the difference (UI wise) between Web Sites and Web Apps. Then I'll be showing how CSS Flexbox greatly simplifies creating Web Apps. Not just by talking about it using slides, but rather through live coding and examples. More info at: https://fronteers.nl/congres/2012/jam-session/flexible-web-apps-simurai
Robbert Broersma | CSS from scratch [Fronteers 2012 Jam Session]
October 03, 2012 20:22 - 7 minutes - 21 MB VideoImplementing CSS in JavaScript in 10 easy steps More info at: https://fronteers.nl/congres/2012/jam-session/css-from-scratch-robbert-broersma
Lennart Schoors | Bricss on tour [Fronteers 2012 Jam Session]
October 03, 2012 20:10 - 9 minutes - 29.2 MB VideoThe idea is to show about 5 short tips/tricks/hints about CSS and HTML – you know, like I do on http://bricss.net. Haven't yet figured out exactly which 5 subjects I'll pick, but that will also depend on the topics that are circulating in the front-end world around that time... More info at: https://fronteers.nl/congres/2012/jam-session/bricss-on-tour-lennart-schoors
Hans Christian Reinl | Writing awesome code [Fronteers 2012 Jam Session]
October 03, 2012 19:39 - 7 minutes - 21.3 MB VideoWriting code is hard. Especially when you have to work in a team and everyone writes his or her code differently. As if it wouldn't be hard enough to understand and implement the functionality of an app. To work against barriers of understanding code define how your team writes code. Set up coding guidelines and style guides so you can focus on funcionality. This is not limited to your JavaScript-Code: Give some love to your HTML and CSS as well. As a result you reduce the time you spent doin...
Anselm Hannemann | The road to responsive images [Fronteers 2012 Jam Session]
October 03, 2012 19:27 - 8 minutes - 24.8 MB VideoResponsive images are the hot topic this year and we are finally getting to an end. An editor's draft has been written for the W3C. But now you might wanna now, where we go and what to use. I'll give you a quick overview. And show how it could work on devices. More info at: https://fronteers.nl/congres/2012/jam-session/the-road-to-responsive-images-anselm-hannemann
Peter Müller | A different approach to build systems [Fronteers 2012 Jam Session]
October 03, 2012 19:15 - 9 minutes - 28.9 MB VideoWhy is it that every web build system needs you to adapt to its way of working? Why do you have to write manifest files, put files into a specific directory structure and do a lot of manual work to have an optimized production build of your web site. If your browser can see the unoptimized assets in your web page, why shouldn't your build system be able to as well? This will be a very short presentation of the thoughts and decisions behind the node based web optimization framework assetgraph ...
Scott Kosman | Don't Think, Just Play [Fronteers 2012 Jam Session]
October 03, 2012 19:03 - 9 minutes - 26.9 MB VideoA few simple tips and tricks for getting over your fear of public speaking and/or presenting - something everyone needs to do at some point, regardless of occupation or specialization. More info at: https://fronteers.nl/congres/2012/jam-session/dont-think-just-play-scott-kosman
Eric Eggert | How I stopped worrying and learned to love defaults [Fronteers 2012 Jam Session]
October 02, 2012 22:42 - 9 minutes - 29 MB VideoChoosing you defaults is important to have a good workflow. Making decisions all over again is bad for productivity and your lifestyle. In this session you'll learn how thinking about future decisions will improve wor and life. More info at: https://fronteers.nl/congres/2012/jam-session/how-i-stopped-worrying-and-learned-to-love-defaults-eric-eggert
Chris Heilmann | The prestige of being a web developer [Fronteers 2011]
October 07, 2011 15:00 - 51 minutes - 335 MB VideoEvery great magic trick consists of three parts or acts. The first part is called "The Pledge". You show something ordinary and build up anticipation. The second act is called "The Turn". The magician takes the ordinary something and makes it do something extraordinary. The third act, the hardest part, is "The Prestige". This is when you bring the extraordinary back to the real world. As web developers we nowadays seem to be addicted to magic tricks and we want to see more and more extraordi...
Jake Archibald | In your @font-face [Fronteers 2011]
October 07, 2011 14:00 - 52 minutes - 280 MB VideoWe finally have the ability to serve custom fonts to all popular browsers. However, like everything in our profession, there’s a minefield of gotchas and peculiarities between browsers, devices and operating systems. More info at: https://fronteers.nl/congres/2011/sessions/in-your-font-face-jake-archibald
John Resig | jQuery and the Open Source Process [Fronteers 2011]
October 07, 2011 12:30 - 1 hour - 399 MB VideoThis talk will cover how the jQuery project has worked to provide the best possible experience for its users and has fostered a community around contributing back to the project. We'll look at what the project has done to create this environment and see how it can apply to other projects or companies. More info at: https://fronteers.nl/congres/2011/sessions/jquery-and-the-open-source-process-john-resig
Seb Lee-Delisle | CreativeJS - beauty in the browser [Fronteers 2011]
October 07, 2011 11:30 - 1 hour - 402 MB VideoFrom particle systems to blending effects, optimised animations, gaming and good old maths creativity, Seb Lee-Delisle (@seb_ly) has more than a trick or two to share with us. If you’re interested in bringing a little visceral beauty to your websites, apps and games, then this is the session for you. More info at: https://fronteers.nl/congres/2011/sessions/creativejs-seb-lee-delisle
Robert Nyman | HTML5 Forms - KISS time [Fronteers 2011]
October 07, 2011 09:30 - 35 minutes - 238 MB VideoThis talk will go through one very important, and often painful, part of the web. That is, how can end users interact with a web site through forms, and for web developers, how do we develop them in the most efficient manner? More info at: https://fronteers.nl/congres/2011/sessions/html5-forms-kiss-time-robert-nyman
Divya Manian | The New Developer Workflow [Fronteers 2011]
October 07, 2011 08:30 - 45 minutes - 255 MB VideoWorking on websites is no longer a task that requires notepad and a browser to complete. The previous web developer revolution was about the semantics, but now we have real technologies that are being specced out and browsers in a race to implement. Your website is no longer a static page with headings and semantic markup. More info at: https://fronteers.nl/congres/2011/sessions/the-new-developer-workflow-divya-manian
Alex Russell | Web Components and Model Driven Views [Fronteers 2011]
October 07, 2011 07:00 - 54 minutes - 241 MB VideoThere's a lot of tension between today's markup and the semantics we're trying to express in our apps. HTML5 adds a few new types to help describe common cases, but what about when there's no allegory in markup for what you're building? What we need now is infrastructure, not guilt about being "non-semantic". This talk explores new standards-track work in WebKit that's going to enable say-what-you-mean development in completely new ways. More info at: https://fronteers.nl/congres/2011/session...
Leslie Jensen-Inman | Passion. Purpose. Promise. Pursuit. [Fronteers 2011]
October 06, 2011 15:00 - 46 minutes - 312 MB VideoPassion. Purpose. Promise. Pursuit. These are the 4 P's that create a Map for Awesomeness. Discover how to: embrace your passion, define your purpose, foster your promise, and engage your pursuit. Learn how to do this in a creative environment that encourages collaboration. More info at: https://fronteers.nl/congres/2011/sessions/passion-purpose-promise-pursuit-leslie-jensen-inman
Tab Atkins Jr. | The Future of CSS - Current Experiments and Near-Future Reality [Fronteers 2011]
October 06, 2011 14:00 - 58 minutes - 391 MB VideoModern CSS is amazing, but even more wonderful stuff is in the pipeline and currently being experimented with in browsers. Tab Atkins will explain the soon-to-be-new hotness in simple terms and show how it will drastically change the way you write web pages for the better. More info at: https://fronteers.nl/congres/2011/sessions/the-future-of-css-tab-atkins
Stephen Hay | Go with the Flow [Fronteers 2011]
October 06, 2011 12:30 - 54 minutes - 334 MB VideoIn this session, Stephen will introduce, discuss and give examples of CSS3 Regions. More info at: https://fronteers.nl/congres/2011/sessions/go-with-the-flow-stephen-hay
Bruce Lawson | HTML5 Semantics: you too can be a bedwetting antfucker [Fronteers 2011]
October 06, 2011 11:30 - 54 minutes - 322 MB VideoWith all the whizzbangs of canvas and multimedia, the Ooh!s of the History API and the Aah!s of Appcache, the 30 new elements in HTML5 are often overlooked by developers coming to terms with what's new in the HTML Hood. More info at: https://fronteers.nl/congres/2011/sessions/html5-semantics-bruce-lawson
Lea Verou | CSS3 Secrets: 10 things you might not know about CSS3 [Fronteers 2011]
October 06, 2011 09:30 - 51 minutes - 236 MB VideoBy now most of you know how to use the popular new CSS3 features in your stylesheets, like embedding custom fonts or creating rounded corners, drop shadows, and scalable designs with media queries. However, below the surface, there are many other things that CSS3 brings and most web developers have never heard of. In this talk Lea will present many CSS3 features that are useful but underrated, as well as uncommon ways of utilizing the CSS3 features you already know about, in order to do much ...
Derek Featherstone | Accessibility for the Modern Web [Fronteers 2011]
October 06, 2011 08:30 - 1 hour - 404 MB VideoIn this session Derek will explore the true meaning of accessibility for the modern web. Long-established principles of progressive enhancement help ensure a baseline level of functionality in your sites and applications. We want to make them truly useful experiences. We'll look at how the right mix of modern technology such as CSS3, HTML5, ARIA, JavaScript help you create functionality on web sites that works for everyone, including people with disabilities. More info at: https://fronteers.n...
Aral Balkan | The Future is Native [Fronteers 2011]
October 06, 2011 07:00 - 55 minutes - 250 MB VideoThe Internet sits at the head of a long table of technologies that have revolutionised our world. Built on top of the base Internet stack, the World Wide Web has further democratised access to information, opened hitherto closed doors to human self-expression and communication, and laid the foundations of a semantically-rich and interconnected body of knowledge the likes of which have never been seen before. More info at: https://fronteers.nl/congres/2011/sessions/the-future-is-native-aral-ba...
[NL] Jurriaan Mous | Het bouwen van een zorgdossier in HTML5/CSS3/GWT [Bijeenkomst bij Lable]
February 10, 2011 18:00 - 54 minutes VideoJuriaan Mous vertelt eerst iets over Lable. Ze begonnen in 2009 met een applicatie voor mensen in de zorg. Eerst werd die door Juriaan alleen gebouwd met behulp van de Prototype.js library. Doordat er steeds meer ontwikkelaars aan de site mee gingen werken, werd besloten om over te gaan op de Google Web Toolkit. De hele applicatie werd opnieuw gebouwd. Meer info op: https://fronteers.nl/bijeenkomsten/2011/lable
Chris Heilmann | Reasons to be cheerful [Fronteers 2010]
October 08, 2010 15:00 - 55 minutes VideoBeing someone who works for the web is having the best job in the world. There is really nothing that compares in terms of creativity, sharing and reach. Of course there are nagging issues but if we really take a look from afar at what we are doing there is a lot of fun to be had. In this session Chris Heilmann will show just how cool it is to be who we are and how to get joy out of our day to day jobs even when we think that everything is against us. We have the tools, we have the knowledge,...
Cameron Adams | The Renaissance of Browser Animation [Fronteers 2010]
October 08, 2010 14:00 - 59 minutes VideoCameron Adams will be talking about his experience creating animated online experiences in a range of technologies from HTML/CSS to Canvas, SVG & Flash. His history with all of these technologies gives him a unique insight into the strengths and weaknesses of each, so when you leave you'll know exactly the right tool to pick up when you approach a new interactive project. More info at: https://fronteers.nl/congres/2010/sessions/the-renaissance-of-browser-animation-cameron-adams
Steve Faulkner & Hans Hillen | HTML5 Accessibility: Is it ready yet? [Fronteers 2010]
October 08, 2010 12:30 - 59 minutes VideoWhere does WAI-ARIA fit into the HTML5 accessibility story? How can WAI-ARIA fill the gaps in HTML5 UI accessibility? More info at: https://fronteers.nl/congres/2010/sessions/html5-accessibility-is-it-ready-yet-steve-faulkner-hans-hillen
Andy Clarke, Dan Rubin, Anne van Kesteren & Stephen Hay | CSS breakout [Fronteers 2010]
October 08, 2010 11:30 - 53 minutes VideoAndy hosted a Fronteers Talkshow special with the following guests: Dan Rubin, Anne van Kesteren and Stephen Hay. More info at: https://fronteers.nl/congres/2010/sessions/css-breakout-andy-clarke
Nicholas Zakas | High Performance JavaScript [Fronteers 2010]
October 08, 2010 11:30 - 55 minutes VideoFor much of its existence, JavaScript has been slow. No one complained until developers created complex web applications with thousands of lines of JavaScript code. Although newer JavaScript engines have improved the situation, there's still a lot to understand about what makes JavaScript slow and what you can do to speed up your code. More info at: https://fronteers.nl/congres/2010/sessions/high-performance-javascript-nicholas-zakas
Meagan Fisher | Creating lifelike designs with CSS3 [Fronteers 2010]
October 08, 2010 09:30 - 37 minutes VideoCSS3 allows us to make designs feel like part of the natural world; with the organic curves of border radius, the subtle lighting effects of box-shadow, and the gentle glow of text-shadow, websites can feel more lifelike than ever. CSS3 animations and transitions add a new dimension of character to the experience of using a site, and multiple background images allow for rich textures. In my talk, I'll explain how you can use CSS3 techniques to make your designs jump off the screen. More info ...
Paul Irish | The State of HTML5: Inaugural Address [Fronteers 2010]
October 08, 2010 08:30 - 56 minutes VideoHTML5 and friends have been getting implemented in browsers at an impressively quick pace. But that leaves us as web developers wondering, "Great, but how am I supposed to build cross-browser applications with these features when I still have to support IE". More info at: https://fronteers.nl/congres/2010/sessions/the-state-of-html5-inaugural-address-paul-irish
Stephen Hay | Real-world Responsive Design [Fronteers 2010]
October 08, 2010 07:00 - 49 minutes VideoWith increasing interest in mobile, “responsive design” is a hot topic. Ethan Marcotte's article for A List Apart started an avalanche of discussion about the use of media queries in taking adaptive layout to the next level. The discussion exposed some misunderstanding among designers and developers about the importance of media queries and ultimately the meaning of design. Find out which design questions need to be answered before creating truly responsive designs and which tools are current...
Jake Archibald | Reusable Code, for good or for awesome! [Fronteers 2010]
October 07, 2010 15:00 - 55 minutes VideoWhat sets reusable JavaScript apart from other JavaScript? How can we make our code developer-friendly, fast, robust & compatible? More info at: https://fronteers.nl/congres/2010/sessions/reusable-code-for-good-or-for-awesome-jake-archibald
Jina Bolton | CSS Workflow [Fronteers 2010]
October 07, 2010 14:00 - 56 minutes VideoMastering CSS is more than just memorizing selectors — it's also having a solid workflow so you can be efficient and productive at what you do. Whether you're a freelancer working alone or on an enormous in-house team, having a good workflow is incredibly rewarding and beneficial for good design, development, and business. It can also help you spend more time being creative and doing the work you enjoy. Learn some tips for smart, forward-thinking front end web development. More info at: https...
Stoyan Stefanov | Progressive Downloads and Rendering [Fronteers 2010]
October 07, 2010 12:30 - 42 minutes VideoAfter harvesting the performance low-hanging fruits suggested by YSlow and PageSpeed, what do you do next to improve the performance of your web application? You work on improving the user's perception of speed and time. We all know perceptions lie and perceptions of time and duration even more so. So how do you make users believe the application is fast and responsive? The word is "progressive". When the page components download in parallel and don't block each other, the page loads quicker....
Håkon Wium Lie | CSS3 [Fronteers 2010]
October 07, 2010 11:30 - 55 minutes VideoHåkon showed us some of the history of CSS3, the current status in browsers and where it is heading to with regards to print for example. More info at: https://fronteers.nl/congres/2010/sessions/css3-hakon-wium-lie