Fronteers Videos: Recent Episodes
Fronteers
Contains videos from our past conferences, meetups and jam sessions. For and by front-end developers.
Pinch geeft een vernieuwende draai aan datamodellering door middel van interactief visueel programmeren. Dit vereist een zeer krachtige maar ook veelzijdige UI. Joost vertelt over hoe hij Web Workers inzet in een React / Flux-omgeving om de UI van Pinch zo snel mogelijk te maken, en gebruikers toch alle kracht van een spreadsheetprogramma te bieden. Meer info op: https://fronteers.nl/bijeenkomsten/2016/schiphol
De weg naar vlekkeloze CSS met een team van 8 front-enders op dezelfde codebase. Meer info op: https://fronteers.nl/bijeenkomsten/2016/schiphol
Deze presentatie is in het Engels. In de beta-website van Schiphol wordt gebruik gemaakt van een set eigen componenten, die samenwerken met een pub/sub-systeem. Tamara vertelt over de ontwikkeling en het gebruik van deze componenten. More info at: https://fronteers.nl/bijeenkomsten/2016/schiphol
In het hoofdgebouw van Schiphol Group wordt donderdag 29 september een bijeenkomst gehouden voor front-end developers en andere geïnteresseerden. Tijdens deze dag worden vanuit verschillende hoeken de uitdagingen van front-end in high demand omgevingen belicht. En uiteraard stilgestaan bij de vraag hoe je deze het hoofd kunt bieden. Dit gebeurt aan de hand van drie presentaties. Meer info op: https://fronteers.nl/bijeenkomsten/2016/schiphol
Imagine you’ve build a design agency for data visualization, what are the most important lessons you’ve learned? And how do you ensure the projects become truly successful? Gert Franke, Co-founder of design agency CLEVER°FRANKE, will share his experiences and challenges he faced in making the agency successful. From an interactive installation on your body cells to the development of a complex interactive website of the city of Chicago, from 2 to 20 employees and everything in between. Gert Franke will share the ins and outs of growth and the challenges it brings. Meer info op: https://fronteers.nl/bijeenkomsten/2016/clever-franke
Zoals velen van ons kwam Matthijs in aanraking met programmeren door het spelen van games. Maar net zoals velen van ons kwam hij nooit echt toe aan het maken van een game. Want waar vind je de tijd? Nou, tijdens dat half uurtje lunch! Matthijs laat zien hoe je in kleine sprongen een complete side scrolling shooter kan bouwen - in de browser. Meer info op: https://fronteers.nl/bijeenkomsten/2016/kabisa
Occasionally, the stakeholders at your client need some convincing to have you go the extra mile for performance. That means making a business case for web performance optimization. In his closing keynote, Kristian Sköld will help you do this using data-based analysis and real-life examples of his large-scale clients. More info at: https://fronteers.nl/congres/2016-spring/sessions/closing-keynote-kristian-skoeld
Interactive panel discussion with Yan Zhu, Tobias Baldauf and Mathias Bynens on technical performance. More info at: https://fronteers.nl/congres/2016-spring/sessions/interactive-panel-discussion-technical-performance
In security-sensitive situations, performance can actually be a bug rather than a feature. This presentation covers timing attacks on the web, and demonstrates how modern performance-related web APIs can sometimes have a negative security impact. More info at: https://fronteers.nl/congres/2016-spring/sessions/front-end-performance-the-dark-side-by-mathias-bynens
Images form 64% of all website data & have a high correlation to page load time. Optimizing image delivery through compression alone is a daunting task. Using HTTP2's superpowers, we can optimize images to ship faster, increasing the perceived performance and initiating users' emotional responses to visuals earlier. HTTP2-powered image delivery leads to lower bounce rates and higher conversions. More info at: https://fronteers.nl/congres/2016-spring/sessions/save-the-day-with-http2-image-loading-by-tobias-baldauf
Everyone in 2016 knows that websites should use HTTPS. However, there is a common misconception that TLS and other security measures slow down both web developers and page load times. This talk will show you some easy tricks to make your site more secure without sacrificing performance. More info at: https://fronteers.nl/congres/2016-spring/sessions/towards-faster-safer-websites-by-yan-zhu
Interactive panel discussion with Marcy Sutton, Karl Groves and Estelle Weyl on accessible performance. More info at: https://fronteers.nl/congres/2016-spring/sessions/interactive-panel-discussion-accessible-performance
Responsive Web Design (RWD) is the solution for putting our apps on mobile devices. Or is it? Bloated web applications that simply shrink in width are not usable. Squishy design is not the only, or even the main, solution for improved mobile web user experience. Other than responsive design, how can we improve performance so our mobile web applications, responsive or not, are usable and accessible no matter how a user chooses to access it. More info at: https://fronteers.nl/congres/2016-spring/sessions/rwd-is-not-a-panacea-by-estelle-weyl
There are scores of concerns, both back-end and front-end, when considering performance. When it comes to accessibility, user performance is also a major concern and extends beyond things like perceived time. While perceived time is very important for UX, accessible user experience intersects performance in that it requires allowing the user to answer one core question as they work with the interface: "What is this thing, and what does it do". In this talk we'll talk about the intersections of UX, performance, and accessibility and how each contribute to an accessible user experience. More info at: https://fronteers.nl/congres/2016-spring/sessions/to-hell-with-performance-by-karl-groves
By studying the limitations of browsers with assistive technologies and establishing developer best practices, we can we make faster, more accessible experiences for our users. We'll frame Web Performance with an Accessibility lens, looking at progressive enhancement in detail with server- and client-rendered apps built with Angular 2, React or Ember FastBoot; always remembering our friend, static HTML. More info at: https://fronteers.nl/congres/2016-spring/sessions/accessibility-and-performance-by-marcy-sutton
Interactive panel discussion with Tobias Ahlin, Paul Bakaus and Bram Stein on visual performance. More info at: https://fronteers.nl/congres/2016-spring/sessions/interactive-panel-discussion-visual-performance
Web fonts are great. They are also be really bad for performance because they block rendering. You may have experienced this on a slow cellular network. Staring at a blank page is no fun, especially when content has already loaded. More info at: https://fronteers.nl/congres/2016-spring/sessions/web-fonts-performance-by-bram-stein
If you could take a 50% hit in real world performance and get a site that feels 50% faster, would you? Nobody cares how fast your site is. All your users care about is how fast your site feels. Going beyond the perceived perf theory, Paul is bringing a bunch of demos of things that employ clever tricks and psychology to turn things that should be slow into things that feel incredibly fast. More info at: https://fronteers.nl/congres/2016-spring/sessions/the-illusion-of-speed-by-paul-bakaus
How do we animate smoothly without laptop fans going haywire all around the world? It’s through animation that we make sense of the world: doors swing open, cars drive to their destinations, lips curl into smiles. Even the things that feel instantaneous, like lightning striking, or dropping a phone on your face while browsing in bed, happen over time, and it’s through that motion that we understand how objects relate and function; if they are light or heavy, rigid or loose, connected or separate, sticky or slippery. More info at: https://fronteers.nl/congres/2016-spring/sessions/animation-and-perceived-performance-by-tobias-ahlin
Nick deelt in zijn presentatie alles over het integreren van backend-less development in de workflow van webapplicaties. Hoe kun je een webapp ontwikkelen zonder bestaande backend, om deze in een later stadium gemakkelijk toe te kunnen voegen? Meer info op: https://fronteers.nl/bijeenkomsten/2016/tamtam
Simon vertelt over de mogelijkheden van Modular Design voor developers binnen zowel kleine als grote projecten. Het is een manier van denken en samenwerken tussen meerdere disciplines, inclusief het goed betrekken van de klant. Maar waarom werkt deze aanpak zo goed? En hoe zorg je dat het de basis wordt van nieuwe projecten? Leer in deze presentatie alle tips & tricks voor het succesvol toepassen van Modular Design. Meer info op: https://fronteers.nl/bijeenkomsten/2016/tamtam
Mooie principes maar ze maken het werk van de traditionele tester onmogelijk. Die verwacht namelijk een dik pak specificaties, PSD’s en een paar maanden tijd om alles te testen. Moeten we deze principes dus wel toe willen passen als we de kwaliteit van ons eindproduct niet kunnen garanderen? Meer info op: https://fronteers.nl/bijeenkomsten/2015/netvlies
Een introductie over het opzetten van een test architectuur. Met daarbij de noodzaak en de voordelen van het testen zelf en de problemen om een dergelijke architectuur te onderhouden. Het is geen vraag of er getest moet worden, maar wat en hoe. Meer info op: https://fronteers.nl/bijeenkomsten/2015/netvlies
Het is heel goed om wireframes, designs en/of front-end al zo vroeg mogelijk te testen zodat je in een vroeg stadium nog wijzigingen kan doen alvorens je iets gerealiseerd hebt. Tenslotte kan je met een werkend front-end al een hoop gebruiksgemak en ervaring testen. Meer info op: https://fronteers.nl/bijeenkomsten/2015/netvlies
Web development is in a state of confusion. We feel we are not innovating enough, we are let down by browsers and OSes and we try to fill all these holes with home made remedies. It's time to look at what we have, what we lost and what is a waste of our time. More info at: https://fronteers.nl/congres/2015/sessions/christian-heilmann-of-gaps-fillers-and-empty-spaces
Pretentious title aside, Remy will share how he approaches debugging, techniques that have become muscle memory, old tired and tested methods and (hopefully) show off a neat trick or two that can be achieved with today's state of the art debuggers. More info at: https://fronteers.nl/congres/2015/sessions/the-art-of-debugging-remy-sharp
Put your worries about browser support to one side for a little while as I introduce you to the newest specifications used for layout. We’ll then take a look at realistic ways in which you can start to implement some of the shiny goodness today. More info at: https://fronteers.nl/congres/2015/sessions/but-what-about-old-browsers-rachel-andrew
In this talk we'll discuss how Web Audio can greatly enhance your app performance and how it will enable you to build sophisticated and efficient tools with very little effort. We'll also cover debugging and interacting with other web APIs. More info at: https://fronteers.nl/congres/2015/sessions/hands-on-web-audio-soledad-penades
Nowadays, our built environment is largely made out of software. Developers directly influence the behaviour of their users through what the interface allows people to do with their software. A perfect interface isn't a solution for all software problems, but we do know that even the best algorithms are useless if they are not made accessible through an attractive and intuitive interface. This is essential when creating technology that is meant to protect our freedoms. More info at: https://fronteers.nl/congres/2015/sessions/freedom-can-be-designed-rejo-zenger
In this talk we'll explore what open data is (and what it isn't), and why we should care about it. We'll look at how you can introduce it into your projects with regards to practical publication and consumption, and discuss some useful tools and reference points. More info at: https://fronteers.nl/congres/2015/sessions/an-introduction-to-open-data-sally-jenkinson
How do you create an efficient workflow that helps you build better and faster websites or web apps? What are the tools you should be using? How do they all fit together? More info at: https://fronteers.nl/congres/2015/sessions/modern-workflow-tooling-for-front-end-developers-wes-bos
This talk will explore how we can break through some of those limits with the use of a new breed of hosted tools and services. We’ll look at practical examples of how a static site generator can help deliver a modern web development workflow, support a living styleguide, and also pack the kind of dynamic punch that you’d only think possible from bigger application stacks. More info at: https://fronteers.nl/congres/2015/sessions/static-sites-go-all-hollywood-phil-hawksworth
Just because it requires JavaScript, doesn't make it wrong, but we often use JavaScript to engineer-away the parts of the web that are already better than native. Let's take a look at some real-world JavaScript-heavy applications, and how they can regain the performance of the web without losing features. Then, let's tackle the area progressive enhancement has largely ignored: Connectivity. More info at: https://fronteers.nl/congres/2015/sessions/modern-progressive-enhancement-jake-archibald
"What is the business case for accessibility?" will examine the various business cases for making websites accessible. It will present their strengths and weaknesses and conclude with some advice for getting accessibility into the things you're building. More info at: https://fronteers.nl/congres/2015/sessions/what-is-the-business-case-for-accessibility-alice-bartlett
After interviewing a dozen people with Brad Frost for their podcast on Style Guides for the web, Anna has collated all their findings for this talk on the different kinds that are out there, how they're built, what works (and what doesn't), and what makes them such a useful tool. More info at: https://fronteers.nl/congres/2015/sessions/front-end-style-guides-anna-debenham
Let's be honest: A JavaScript MPEG1 decoder sounds like a rather silly idea, but there are real world use cases where jsmpeg shines. In this talk I want to show some of the things that you can do with jsmpeg that you can't do with the HTML5 Element. I will also talk about how WebGL was used to speed up the decoding and discuss other tricks that improved performance. More info at: https://fronteers.nl/congres/2015/sessions/jsmpeg-by-dominic-szablewski
Why does one set up a digital agency in the middle of a recession? Because one thinks one can do better. As it turns out, 'doing better' – marrying great design and progressive development whilst keeping clients happy and budgets lean – is a tightrope walk between delivering uninspired work and going out of business. Join us as we review what we've learned over the past four years. There will be tears! There will be triumph! There will be monkeys! More info at: https://fronteers.nl/congres/2015/sessions/walking-the-tightrope-between-mediocrity-and-bankruptcy-primate
Sass has revolutionized how we write our stylesheets, but you may have found yourself frustrated by waiting for stylesheets to compile. In this talk Sass core developer, Chris Eppstein, will give you ways to speed up your stylesheets and get your app's build running lighting fast. Learn how to use libsass in your javascript asset pipeline, how to use Eyeglass to package and consume sass modules with NPM, and how to write your own custom Sass functions in Javascript. More info at: https://fronteers.nl/congres/2015/sessions/lightning-fast-sass-chris-eppstein
Do you spend a lot of time building products and experiences just to have them be poorly implemented or rejected by various factions in your organization? Sometimes the hardest part of your job is getting your whole organization to fall in line and holistically develop and implement a consistent experience. Fighting about control over web pages, mobile interfaces, and every other aspect of an organization’s online presence can leave one frustrated and fatigued. More info at: https://fronteers.nl/congres/2015/sessions/digital-governance-lisa-welchman
Responsive Design allows us to create flexible user interfaces that support the widest possible audience with a single front-end codebase. But in embracing the ever-increasing contexts in which our sites are used, performance and accessibility must remain our highest priorities; we must continually question each code addition, and improve our delivery and application techniques to ensure they’re best serving users’ needs. More info at: https://fronteers.nl/congres/2015/sessions/delivering-responsibly-scott-jehl
00:19–00:29 How to learn about web accessibility without going crazy by Eric Eggert In this talk, the audience will learn how to crack open the accessibility information that is out there and what tools and help is provided so they can understand the opportunities that an accessible web site creates. It will also have a brief look into how accessibility can be assessed and communicated to the responsible parties. More info at: https://fronteers.nl/congres/2015/jam-session
00: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
23: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
23: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
23: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
23: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
22: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 can handle a generous peak load without breaking itself or the bank. More info at: https://fronteers.nl/congres/2015/jam-session
22: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
22: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
22: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
Turning 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 info at: https://fronteers.nl/congres/2015/jam-session
21: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
21: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
20: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/congres/2015/jam-session
20: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
20: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
Niet 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
In 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
Wat 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
Rik 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
It 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
De 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
We’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://fronteers.nl/bijeenkomsten/2015/insided
Mauro 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
At 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
Voorkom 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
Waar 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
Introductie, voorbeelden en overige praktische (on)zin. Meer info op: https://fronteers.nl/bijeenkomsten/2014/white
Hoe 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
Hoverboards, 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
Projects 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
Yeah, 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
One 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-williams-using-agile-to-bake-in-accessibility
An 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
SVGs 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: https://fronteers.nl/congres/2014/sessions/sara-soueidan-animating-svgs-with-css-and-smil
Today, 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 info at: https://fronteers.nl/congres/2014/sessions/dave-olsen-optimizing-web-performance
More info at: https://fronteers.nl/congres/2014/sessions/nicolas-gallagher-making-twitter-ui-infrastructure
Let'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 experiences your users could have with it. What are the benefits, opportunities and challenges of Offline First development? A talk about patterns for offline UX, thinking differently about user data, confident wording, pre-empting people's needs, notions of the future and ordering things in lists. More info at: https://fronteers.nl/congres/2014/sessions/alex-feyerke-offline-first-faster-more-fun-and-more-robust-web-apps
WebRTC 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-perspective
In 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
The 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 developers, library authors, and the browser teams implementing it. More info at: https://fronteers.nl/congres/2014/sessions/rachel-nabors-state-of-the-animation-2014
WebSockets, 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
Hand-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: accessibility, semantics, optimization, saner class structures, and whatever comes next. We just first need to define what is “good enough” output, and rethink how we approach our tools to make them actually useful. More info at: https://fronteers.nl/congres/2014/sessions/nathan-ford-do-we-need-to-write-markup
The 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 code, or confidently making changes. We'll see how the Frontend Infrastructure team works within this ecosystem to mitigate those risks, manage the asset build pipeline, builds tools to understand our frontend, automates migrations & deletes as much code as possible. More info at: https://fronteers.nl/congres/2014/sessions/daniel-espeset-making-maps-the-role-of-frontend-infrastructure-at-etsy
Broadly 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
In 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
It'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-shapes
All 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
As modern web designers start to do more design and prototyping in the browser, it's time to connect two worlds of modular front-end development and web based UI tools for site creation. In combination with Living Style Guides, front-end development teams could have the ultimate tool bundle for rapid prototyping and new page creation based on their own code block library (or web components). I will show demos of our prototyping tool and give some insights of how it works. More info at: https://fronteers.nl/congres/2014/jam-session/components-based-prototyping
The future of web tooling is powered by remote debugging. RemoteDebug everything! More info at: https://fronteers.nl/congres/2014/jam-session/remotedebug
CSS has its limitations, and we try to work around them with pre-processors like Sass. With such a powerful tool comes great responsibility, which is often neglected. This leads to needlessly complex code, bad practices and developer unhappiness. Let’s investigate how to use Sass in real world situations, and maybe even more importantly: how not to. More info at: https://fronteers.nl/congres/2014/jam-session/sass
Automating functional tests for websites is a pain in the ass. Tests often end up being brittle, hard to write and don't accurately simulate user behavior. More info at: https://fronteers.nl/congres/2014/jam-session/functional-testing
Creating books (and even e-books) with HTML and CSS. A talk about The various CSS Paged Media modules. Don't worry, it'll be exciting and fun. More info at: https://fronteers.nl/congres/2014/jam-session/paged-media
A folly is a costly ornamental building with no practical purpose, or a foolish act, idea, or practice. Webfollies are the 21st-century, internet-friendly version of this concept. Digital islands of art, experiments and silly ideas. Think short funny pointless games, single-serving websites, or confusing digital experiences. A webfolly can be virtually anything, the only thing that they have in common is that they serve no practical purpose and drift more towards art than entertainment. In this talk i will showcase some of the best webfollies on the web, talk about the creation process and launch a platform to gather these new forms of digital art. More info at: https://fronteers.nl/congres/2014/jam-session/webfolly
Bruce Lawson lists the most egregious social media crimes. More info at: https://fronteers.nl/congres/2014/jam-session/roflmao
This session will provide some insights into the front-end work we did at Smashing Magazine to improve performance of the site and a few dirty little tricks and strategies we used along the way. More info at: https://fronteers.nl/congres/2014/jam-session/smashing-magazine-performance
Whenever a new technology is developed, the first applications mimic existing stuff. The first cars looked liked carriages. It took a while to get to a car design that actually works in a functional sense. This is called the Horseless Carriage Syndrome. It can be observed everywhere; especially in web design. More info at: https://fronteers.nl/congres/2014/jam-session/call-to-arms
Wilfred talks about proper names for CSS selectors and why you should bother with them. He also covers a bit of CSS3 selectors that can help you with working with these names and namespaces. More info at: https://fronteers.nl/congres/2014/jam-session/not-a-pipe
Website authentication can become quite peculiar at times, both from a technical and user experience view. Addressing some of the bad practices, I present a few suggestions to improve the situation and make it easier for your users to login with your site. More info at: https://fronteers.nl/congres/2014/jam-session/website-authentication
The Pareto Principle, originated and first observed in fields of economics, can also be adapted to the process of developing a responsive website. This talk shows how to apply the Principle and which preliminary thoughts are necessary for your project. More info at: https://fronteers.nl/congres/2014/jam-session/pareto-principle-rwd
A short story about both cunning and clumsy digital attacks by shady regimes. More info at: https://fronteers.nl/congres/2014/jam-session/keynote
Als je eenmaal de dimensies van de layout viewport gelijk hebt gemaakt aan die van de ideal viewport, kan je de device-width media query gebruiken om die dimensies uit te lezen, en daarmee een idee te krijgen van het apparaat waar je website op draait. Drie viewports (layout, visual, and ideal), heb je ze allemaal nodig? Waarom werkt responsive design zoals het werkt? (Niet hoe. Waarom.) Wat gebeurt er als je de meta viewport instelt? Hoe gaan browsers de fout in? En hoe zit het met de resolutie, of DPR? PPK geeft antwoord op deze vragen en meer. Tijdens deze bijeenkomst deelt PPK nog eens zijn kennis, net als tijdens de workshop in april voor Fronteers en zijn presentatie tijdens CSS Day. Meer info op: https://fronteers.nl/bijeenkomsten/2014/incentro
Steven werkt bij Incentro en vertelt over het Frontend Matury Model. Het frontend vakgebied wordt steeds rijker, browsers krijgen met de dag meer features en ondertussen wordt er druk gewerkt aan de web-standaarden van morgen. Elke website zou je op duizend-en-één manieren kunnen bouwen. Hoe ga je om met de verschillende browsers, features en standaarden? Welke methodologieën moet je toepassen? Hoe garandeer je de kwaliteit? Hoeveel tijd en geld gaat het kosten?
Naarmate een team of project groter wordt, krijg je te maken met meer professionals uit andere vakgebieden. Hoe zorg je ervoor dat iedereen over hetzelfde praat. En hoe maak je de juiste keuzes? Frontend blijft abracadabra voor veel mensen. Met het Frontend Maturity Model heb je eindelijk een hulpmiddel om ruis van de lijn te halen, zodat je met de juiste stakeholders de juiste keuzes kunt maken en plannen. Meer info op: https://fronteers.nl/bijeenkomsten/2014/incentro
Bij webapplicaties krijg je al snel te maken met veel verschillende modules. Soms is het slim deze op te delen in eigen applicaties maar soms is hier geen mogelijkheid toe. Kasper laat zijn oplossing voor dit probleem zien waarbij de applicatie geheel modulair wordt opgebouwd. Meer info op: https://fronteers.nl/bijeenkomsten/2014/incentro
Reinier deelt zijn persoonlijke zoektocht naar een leven lang leren als front-end developer en designer. Wat kan aanklooien voor je persoonlijke ontwikkeling betekenen en hoe kun je research en development integreren in je huidige werkzaamheden. Meer info op: https://fronteers.nl/bijeenkomsten/2014/coolblue
Marijn en Frank vertellen over hoe Coolblue software ontwikkelt en ze die meerdere malen per dag releasen. Kleine stapjes, elke dag een beetje beter, elke sprint een beetje beter. Zo ontwikkelen ze de grootste PHP E-commerce site van Europa. Meer info op: https://fronteers.nl/bijeenkomsten/2014/coolblue
De presentatie van Jasper is te vinden op slideshare.net/jbmoelker. Meer info op: https://fronteers.nl/bijeenkomsten/2014/competa
IndexedDB en WebSQL zijn twee soorten databases die je in een browser kan gebruiken. Mede dankzij deze techniek kan een website volledig offline gebruikt worden. Elmer vertelt over een aantal problemen en bijbehorende oplossingen die hij zelf is tegengekomen bij het gebruik van IndexedDB en WebSQL. Meer info op: https://fronteers.nl/bijeenkomsten/2014/competa
Peter van der Zee is JavaScript expert en gaat meer vertellen over Surfly, een online tool om samen over het web te surfen. Peter laat zien hoe de tool gemaakt is en hij vertelt (vast weer vol passie) over JavaScript, JS tools en parsers. Surfly laat je web sharen door middel van open web technologieën. In dit praatje laat Peter zien waarom dit moeilijk is maar niet onmogelijk. We gaan de diepte in en kijken in naar de pijnpunten bij het "sandboxen" van een browser, sans plugins. Meer info op: https://fronteers.nl/bijeenkomsten/2014/e-sites
Tijdens deze presentatie zal het front-end team, bestaande uit Boye, John en Iain, laten zien wat voor gereedschap zij zoal gebruiken en meer vertellen over diverse intern ontwikkelde tools en scripts die het ontwikkelproces vergemakkelijken. Daarnaast zal er uitgebreid aandacht besteed worden aan standaardisatie en ingehaakt worden op de interne code afspraken die E-sites hanteert. Het wordt een interactieve presentatie, met veel codevoorbeelden en demo's over: Meer info op: https://fronteers.nl/bijeenkomsten/2014/e-sites
Wilfred neemt ons mee in de wereld van responsive webdesign, wat heeft het ons gebracht? Welke oplossingen werken het best en hoe kun je testen. Meer info op: https://fronteers.nl/bijeenkomsten/2014/coosto
Je eerste web app is up and runnning en is een succes. Het aantal gebruikers neemt toe, je team breidt uit en je codebase groeit. Hoe ga je hiermee om? Koen Kivits vertelt in vogelvlucht over het schalen van een grote applicatie, teamuitbreidingen en zijn haat-liefde-verhouding met cross-browser development. Meer info op: https://fronteers.nl/bijeenkomsten/2014/coosto
Een introductie tot het werken met fonts op het web. Om je teksten er mooier uit te laten zien, om strakke schaalbare retina-proof icoontjes te maken, of om rare dingen mee te doen: custom webfonts zijn leuk speelgoed voor de webdeveloper. Webfonts worden goed genoeg ondersteund om écht te kunnen gebruiken, en er zijn genoeg valkuilen en gotchas om écht even op te letten waar en wanneer je ze gebruikt. Roel Nieskens deelt zijn bevindingen, tips en openstaande vragen zodat je hierna zelf aan de slag kunt. Meer info op: https://fronteers.nl/bijeenkomsten/2014/coosto
Domain Driven Design is an approach to develop complex software by putting the focus back on the “What”. Meer info op: https://fronteers.nl/bijeenkomsten/2013/mobile-vikings
De frontend krijgt steeds een belangrijker rol. Een website is nu een webapp met veel functionaliteit die snel en gebruiksvriendelijk moet werken. Dit lukt niet met een klassieke client-server toepassing. In deze presentatie leer je hoe je echte realtime webapps maakt met websockets. Meer info op: https://fronteers.nl/bijeenkomsten/2013/mobile-vikings
The Web is everywhere. But will it continue to be so? With the proliferation of locked-down platforms that offer no browser choice, and silo appstores that allow tight integration with the device, what does the web need to continue to be the platform of choice? More info at: https://fronteers.nl/congres/2013/sessions/html-future
Our favorite language is now powering everything from event-driven servers to robots to Git clients to 3D games. The JavaScript package ecosystem has quickly outpaced past that of most other languages, allowing our vibrant community to showcase their talent. The front-end framework war has been taken to the next level, with heavy-hitters like Ember and Angular ushering in the new generation of long-lived, component-based web apps. The extensible web movement, spearheaded by the newly-reformed W3C Technical Architecture Group, has promised to place JavaScript squarely at the foundation of the web platform. Now, the language improvements of ES6 are slowly but surely making their way into the mainstream— witness the recent interest in using generators for async programming. And all the while, whispers of ES7 features are starting to circulate… More info at: https://fronteers.nl/congres/2013/sessions/state-of-javascript
A little over a year ago at JSConf EU, Angelina tried to inspire developers to take an interest in Web Components, which includes Shadow Dom, HTML Templates, HTML Imports, and Custom Elements. In this talk we'll take a look at how far we've come in a year: what has been implemented, what hasn't, the current state of the relevant specifications, and discuss various frameworks and libraries that have emerged either with patterns similar to web components or embracing the technology completely. We will take a look at these changes, and also dive into some code for a comprehensive overview of 'the state of things' - spoiler: it's still always changing. More info at: https://fronteers.nl/congres/2013/sessions/web-components
The debate around responsive images has been raging for about two years with seemingly limited traction from browser makers. Like anything Web, turns out that this problem is not as simple to solve as it first appears. To understand the complexities, we need to pop the hood of a browser and see how resources are requested without waiting for layout. Once we understand how a browser's handle image loading, we can then start discussing possible solutions — of which there are many right now on the table. It may turn out that we have most of the bits we need to do responsive images, but a standardised (in-browser) solution may still be needed. More info at: https://fronteers.nl/congres/2013/sessions/responsive-images
It’s hard to deny that websites need to be well designed; a pleasing UI, a seamless and pleasant UX, and a great personality really encourage users to interact and enjoy using your site, product or service. However, the design is only one part of a finished product; your product is built on code, and oftentimes it is necessary to sacrifice certain aspects of a design in order to keep the codebase itself leaner, faster, and more enjoyable to work with. In this talk Harry aims to share some of his die-hard pragmatic approaches that he employs in order to push back on designs to produce far better quality code. More info at: https://fronteers.nl/congres/2013/sessions/better-quality-code
Sergi Mansilla will talk about why Firefox OS is more necessary than you think, the technology behind it and about how it will give freedom to users and make developers’ lives much easier. He will also walk through the basics of making Firefox OS apps (hint: you’ve already made some!) and he may or may not give some phones to developers who propose cool projects to build on top of Firefox OS. More info at: https://fronteers.nl/congres/2013/sessions/the-importance-of-firefox-os
It would be nice if developers could download a JavaScript framework, plug in the custom logic required for their particular problem, and have a functional, scalable, and reliable application. As any who's tried can probably tell you, however, it doesn't work like that. It doesn't matter if your application has 5000 "pages" or less than 50 - it will eventually become a large application in terms of code, because size of code is not just a measure of the complexity of the app itself, but of its maturity. If you've tried taking an app from a minimal set of functionality to something complex enough to cover all the edge cases, you've probably done some rewriting. If you haven't, it's your lucky day! We'll talk about several of the ways you can almost guarantee a rewrite in your app's future. If, on the other hand, rewrites don't sound like that much fun to you, we'll also talk about how to avoid them or at least minimise the risk they present. More info at: https://fronteers.nl/congres/2013/sessions/rewrite-your-js
With the chaos of different screen sizes and a new generation of web browsers, the design paradigms of layout and typography have shifted away from static layouts and system fonts to dynamic layouts and custom web fonts. But screens have not just changed in size but also in pixel density. In other words: maybe we do not just need responsive layouts, we might also need responsive typefaces. iA started experimenting with reponsive typefaces in 2012. A short rundown of what we have learned since then. More info at: https://fronteers.nl/congres/2013/sessions/responsive-typography
For this practical session, we have asked three makers of notable web projects to discuss a specific aspect of the project they worked on. Their talks will only be 10 minutes long, followed by 10 minutes of Q&A. We'll be rather strict about this :) More info at: https://fronteers.nl/congres/2013/sessions/practical-session
Designing typefaces isn't easy. They generally consist of thousands of glyphs, all of which need to be designed, given kerning and hinting instructions and of course tested. It can, therefore, take years to complete a typeface. Luc(as) will go over what it takes to produce webfonts as well as discuss licensing issues from a type designer's perspective. More info at: https://fronteers.nl/congres/2013/sessions/on-designing-typefaces
When we look back over the history of web performance we see a heavy focus on reducing the number of requests and getting files to the browser quickly. Our platform has changed a lot, and while optimizing for network performance remains a crucial part of our jobs, we now have to broaden our performance horizons. Our users also expect smooth scrolling, animations and interactions, even on mobile devices. In short we need to deal with not just how quickly our sites and apps load, but also how quickly they run. More info at: https://fronteers.nl/congres/2013/sessions/rendering-performance
This talk will demystify some of the FUD surrounding speed and single page JavaScript web applications. We'll focus on faster load times, removing bottlenecks around the server, network and rendering on the client. More info at: https://fronteers.nl/congres/2013/sessions/faster-javascript
When Fronteers was founded in 2007, front end as a profession was still in its infancy. These days, we can safely say it is a grown-up profession. Although we can always do better! More info at: https://fronteers.nl/congres/2013/sessions/on-power-and-responsibility
In this talk Peter will demonstrate step by step how to transform a simple piece of JavaScript to a state where you can change the code while running it. This is particularly handy for visual applications, or applications with continuous data stream processor like a chatbot. This principle is then generalized in a library. He'll explain the basics, how it works, fixes for certain edge cases, and some open issues. More info at: https://fronteers.nl/congres/2013/sessions/real-time-recompilation
The Flexible Box Layout module, called “flexbox” for short, is the most fully developed and well supported of CSS3’s wide array of new techniques for creating page layouts. Web developers are itching to use it, and with good reason—flexbox allows you to create fluid, responsive layouts without having to worry about crazy percentage grid widths, negative margins, float drop, and all those pesky CSS layout quirks we’ve dealt with for over a decade. More info at: https://fronteers.nl/congres/2013/sessions/flexbox
Wouldn't it be great if your browser anticipated what you wanted before you asked for it? Web pages could arrive before you finished typing the URL. Science fiction? Not at all. This talk uncovers several techniques available to browsers and web developers today to move us closer to an instantaneous web experience. Preresolve, prefetch, prerender, preload, and other predictors: What do they all mean? Which browsers support them? How do web developers take advantage of them, and make sure not to break them? More info at: https://fronteers.nl/congres/2013/sessions/pre-browsing
Where is the web heading? What will we as frontend developers do in a few years? Will Google, Apple or the NSA win? More info at: https://fronteers.nl/congres/2013/jam-session/the-future-of-the-web
At the 2012 Jam Session Roman showed and tried to explain how to animate pseudo-elements. This time he showed five demos of things you thought are not possible in CSS, but he didn't tell you how he did them. Instead, he tried to motivate you not to look into the sources of all the cool demos you happen to see in the internets, to skip the explanations and step-to-step tutorials in favour of your own exploration and experimentation. More info at: https://fronteers.nl/congres/2013/jam-session/dont-look-into-the-source
How to manage front-end development process within team of developers and designers effectively? Odnoklassniki.ru, world ‘Top 10’ social network, will share their experience in solving this question using open Source front-end documentation engine. Source was created to help front-end developers, designers, programmers and testers to become more productive and create best interfaces for the product. Their solution suits well for the big development teams, growing web projects, outsourced projects maintained by freelancers and web studios to optimize development time. More info at: https://fronteers.nl/congres/2013/jam-session/source
After years of web technologies evolving, we finally have the power to move beyond individual frameworks. Tools become less relevant, and methodologies prevail. Bridge JavaScript with other web techs and operate on unified terms regardless of tools you use. Nowadays, methodologies like BEM or Web Components bring semantics back and make it a first-class citizen, while underlying DOM-based structures are just the "byte code" for the browser to operate on. Max discussed ways to uplift your code from framework level to methodology level, with some nice examples. More info at: https://fronteers.nl/congres/2013/jam-session/semantic-javascript
A comparison between the workflow and habits of a scientist and a front-end developer. What can we learn from each other? More info at: https://fronteers.nl/congres/2013/jam-session/science-it-works-bitches
A short introduction on how to apply test-driven development methodologies to CSS and HTML using http://jakobloekke.github.io/tdcss.js/ More info at: https://fronteers.nl/congres/2013/jam-session/test-driven-css
In 2012 she presented BEM as a way to modularize the development of pages. By breaking things into Blocks, being able to break those into Elements, and then use Modifiers on them, we get a neat TLA and a methodology where each part can advance rapidly and independently, instead of having to get the CSS done, and then have everyone wait for the Javascript guy, only to have the project return to the HTML guy and have to run through the whole development cycle again. This time Varya was showing what a great difference BEM makes to the process of development. Building independent interface components, rather than separating the HTML, CSS and Javascript development, we get unified terms (the frontend dialect) for all the project guys, reusable code and scalable teams More info at: https://fronteers.nl/congres/2013/jam-session/divide-impera
Front-end web development is about HTML, CSS and JavaScript, right? Wrong! It's about HTML, CSS and JavaScript and HTTP. You might think that the protocol that has been serving us and our pages since the early nineties is showing its age, but I still has some surprises in store for us developers. This talk was about the path from browser to server and back, and the distractions and attractions along the way. More info at: https://fronteers.nl/congres/2013/jam-session/talking-heads
A short talk about writing programs that generate source code for other programs, a technique advocated by X-Zibit, Christopher Nolan, et al. More info at: https://fronteers.nl/congres/2013/jam-session/metaprogramming
Testing webpages is the inglorious bastard of our time. After we tamed this beast called 'Unit testing' it is now time to shift our frontlines to another topic. This times its all about your UI. And no, we did not going to penetrate our old enemy Selenium, no we were not fighting in the ruby-ish fields of Watir, no my friends, this time it was JavaScripts move to exterminate your bugs once and for all. More info at: https://fronteers.nl/congres/2013/jam-session/dalekjs
One of our bigger problems at the moment is finding good developers. But instead of finding the best of the best, we should find the motivated and make them the best. How can you be a great coach, and help new developers trancend even your own skills? More info at: https://fronteers.nl/congres/2013/jam-session/developing-developers
When does slow actually feel fast? And vice versa? Steve provided examples from the Web and the real world that show it's not all about metrics - sometimes altering the user's perception of speed is the best path to a better user experience. More info at: https://fronteers.nl/congres/2013/jam-session/the-perception-of-speed
It doesn't always have to be an expensive tool from Adobe. Especially if you're working for the web exclusively. More info at: https://fronteers.nl/congres/2013/jam-session/sketching-sketches-with-sketch
Javascript has become the most popular language of the world. Unfortunately, we rely on it too much and forget that we write for an open and accessible web. Building single page apps without a proper fall back isn't helping our users. More info at: https://fronteers.nl/congres/2013/jam-session/javascript-is-evil
As a designer working with (front-end) developers in a technology filled world, my frustration rises to unprecedented levels. In this short session, he shared between 2 and 20 frustrations. More info at: https://fronteers.nl/congres/2013/jam-session/blowing-off-steam
This year the keynote speaker for our Jam Session was Brenno de Winter. Brenno is a journalist specialized in IT security and privacy. An advocate of a transparent government, he was proclaimed “Dutch journalist of the Year” in 2011. A straightforward champion for freedom of speech and freedom of information, he is not only a pain in the backside for governments but also a warm and inspiring man. We were proud to welcome him to our Jam Session! More info at: https://fronteers.nl/congres/2013/jam-session/keynote
Responsive Web Design wordt dé zomertrend van 2013. Internetgebruik op kleine schermen groeit enorm. En het aantal pixels per vierkante centimeter neemt razendsnel toe. Het wordt steeds moeilijker om al die pixels op al die formaten te vullen met de traditionele bestandsformaten GIF, JPEG en PNG. Vectoren hebben geen last van pixels. Met mathematische precisie schalen ze moeiteloos op en neer voor een strakke presentatie op elke formaat scherm, retina of niet. Meer info op: https://fronteers.nl/bijeenkomsten/2013/ebuddy
Open source software is gratis maar dat wil niet zeggen dat je er alles mee mag doen. De licenties achter OSS stellen regels, waar je je toch echt aan moet houden. Wat die regels in de praktijk betekenen, is altijd goed voor discussie. Moet je je eigen applicatie vrijgeven als je OSS inzet? Moet de broncode van een webapplicatie dan online aangeboden worden? En wat voor gevaar vormen softwarepatenten voor open source? ICT-jurist Wouter Dammers behandelt de meest voorkomende licenties en hun eisen en valkuilen. Meer info op: https://fronteers.nl/bijeenkomsten/2013/ictrecht
Sinds 5 juni 2012 is de cookiewet van kracht. Het is niet meer toegestaan om cookies te plaatsen of browserinstellingen uit te lezen, tenzij er toestemming is van de eindgebruiker. Deze regels zijn streng. En wie cookies gebruikt om profielen te maken, heeft ook nog eens te maken met de strenge privaywet. ICT-jurist Arnoud Engelfriet vertelt over wat er nog wel en niet mag, hoe je kunt voldoen aan de wet en of deze wet ooit nog gaat verdwijnen. Meer info op: https://fronteers.nl/bijeenkomsten/2013/ictrecht
Meer info op: https://fronteers.nl/bijeenkomsten/2012/netvlies/contentproductie-responsive-web-design
Meer info op: https://fronteers.nl/bijeenkomsten/2012/netvlies/all-your-phones-are-belong-to-us
Progress is a process, and like most man-made processes progress can be sped up and slowed down. As the victims and beneficiaries of progress in the browser space, it pays to understand not just what's holding us back, but what could be helping us move forward faster as well. This talk examines the feedback loops that create and hinder progress, why that process will never be pretty, and why now is perhaps the best time ever to be a web developer. More info at: https://fronteers.nl/congres/2012/sessions/the-web-platform-and-the-process-of-progress-alex-russell
Maybe you've inherited some smelly code, or maybe you've written some yourself, rushing to get a feature out the door knowing that you're leaving yourself a mess to clean up later. No matter how you end up with smelly code, eliminating smells is an important step toward making code easier to work with -- for you and your fellow developers -- reducing opportunities for introducing bugs, and making your code easier to test. Heck, it can even help you get a new job. More info at: https://fronteers.nl/congres/2012/sessions/js-minty-fresh-rebecca-murphey
For years front-end developers had to rely on custom Javascript tools and libraries to create animations we can now accomplish with a simple CSS transition. Transions however still have their limits, especially so when it comes to live interaction by users. In this session Peter shows how to step beyond some of these limits, and the benefits from doing so. More info at: https://fronteers.nl/congres/2012/sessions/beyond-simple-transitions-with-a-pinch-of-javascript-peter-nederlof
The word is getting out. Great web site experiences require careful development and crafty execution in the front end. Squeezing every drop of performance out of your user's browser is tough, but Steve Souders and friends have mobilized an army, and we are all having a bloody good go. But there is a common threat to doing great work in the front-end. It lurks in the back-end and clients love it. It's the content management system, and more often than not, it stinks. More info at: https://fronteers.nl/congres/2012/sessions/i-can-smell-your-cms-phil-hawksworth
A mix of innovation, collaboration through standards, reverse engineering, content studies, and fussy politics, has created the somewhat messy yet beautiful platform we have today. It enables us to publish anything from a simple document to a complex application. This talk will dive into some of the low-level details of that platform as well as explain those fussy politics. More info at: https://fronteers.nl/congres/2012/sessions/building-the-web-platform-anne-van-kesteren
Jeroen will talk about the current state of HTML5 video on both desktop and mobile. The latest developments include the HTML5 element, which promises to make online video accessible and interactive. More info at: https://fronteers.nl/congres/2012/sessions/the-state-of-html5-video-jeroen-wijering
A talk about open source software, money, time, scarcity of resources, economics and side projects. More info at: https://fronteers.nl/congres/2012/sessions/open-source-aint-free-david-desandro
The interactive Google homepage doodles come with all sort of interesting problems and constraints. Join Marcin as he goes through some of the nice solutions, ugly hacks, terrible mistakes, and last-minute miracles accompanying doodles celebrating Pac-Man, Jules Verne, Stanislaw Lem, and recent summer games. More info at: https://fronteers.nl/congres/2012/sessions/the-biggest-devils-in-the-smallest-details-marcin-wichary
According to .net magazine, Lea’s “CSS3 secrets: 10 things you may not know about CSS” was one of the 15 best talks of 2011. Web developers all over Europe loved it. This talk continues on the same path, with even juicier “secrets”. It will teach you how to take advantage of modern standards in unconventional ways to solve common web design challenges and in the process, it will open your mind to truly understanding how these new features work. After all, when you can “get” the unconventional, you will find that the conventional becomes trivial. More info at: https://fronteers.nl/congres/2012/sessions/more-css-secrets-lea-verou
Many 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
Use 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-the-new-photoshop-stephen-hay
Web 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: https://fronteers.nl/congres/2012/sessions/ten-things-i-didn-t-know-about-html-mathias-bynens
At 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
Viewports 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
Whether 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 you. It's called Yeoman and we think it's going to make your life simpler. More info at: https://fronteers.nl/congres/2012/sessions/the-new-and-improved-developer-toolbelt-addy-osmani
Responsive 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 the developer’s office. More info at: https://fronteers.nl/congres/2012/sessions/adapting-to-responsive-design-mark-boulton
10 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
Usually 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
The 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
New 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 understand — and by which any modern browser could show you transitions for most of the CSS properties right on the pseudo-elements. It's a hacky, quirky way, it won't work for any property, but it's better than nothing — with transitions on pseudo-elements a lot of things would be possible — and I'll show some live examples during my talk. More info at: https://fronteers.nl/congres/2012/jam-session/use-css-transitions-for-pseudo-elements-right-now-roman-komarov
How 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
Covering 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
Development 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-marc-hinse
Being 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
I'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
Implementing CSS in JavaScript in 10 easy steps More info at: https://fronteers.nl/congres/2012/jam-session/css-from-scratch-robbert-broersma
The 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
Writing 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 doing tasks that are less to your joy and let you focus more on the work that you love. More info at: https://fronteers.nl/congres/2012/jam-session/writing-awesome-code-hans-christian-reinl
Responsive 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
Why 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 and a demonstration of some of the features it has. More info at: https://fronteers.nl/congres/2012/jam-session/a-different-approach-to-build-systems-peter-muller
A 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
Choosing 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
Every 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 extraordinary things on stage and in blogs and articles to distract us from the mundane day to day jobs we have to do. This is not healthy and it is time to remember what we are here for. We do live in a magical world of development and it is time we start to use it in the real world and change our "best practices" and methodologies of the past to accommodate the needs of today. In this talk Chris Heilmann will show how each and everyone out there can do their part to make us all part of the magic instead of sitting back and consuming the show without learning the tricks. More info at: https://fronteers.nl/congres/2011/sessions/the-prestige-of-being-a-web-developer-chris-heilmann
We 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
This 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
From 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
This 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
Working 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
There'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/sessions/web-components-and-model-driven-views-alex-russell
Passion. 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
Modern 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
In 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
With 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
By 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 more with even less images and code. More info at: https://fronteers.nl/congres/2011/sessions/css3-secrets-lea-verou
In 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.nl/congres/2011/sessions/accessibility-for-the-modern-web-derek-featherstone
The 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-balkan
Juriaan 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
Being 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, we have the time. What we lack sometimes is the knowledge where to look, what to use and how to sell ourselves. Here you'll hear all about it and you will find a lot of reasons to be cheerful. More info at: https://fronteers.nl/congres/2010/sessions/reasons-to-be-cheerful-chris-heilmann
Cameron 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
Where 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 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
For 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
CSS3 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 at: https://fronteers.nl/congres/2010/sessions/creating-lifelike-designs-with-css3-meagan-fisher
HTML5 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
With 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 currently available to develop them. More info at: https://fronteers.nl/congres/2010/sessions/real-world-responsive-design-stephen-hay
What 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
Mastering 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://fronteers.nl/congres/2010/sessions/css-workflow-jina-bolton
After 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. And when the page renders progressively, it not only gives the user confidence and assurance that the applications works fine and they'll soon complete their task but it also appears that the app is snappier and more responsive. More info at: https://fronteers.nl/congres/2010/sessions/progressive-downloads-and-rendering-stoyan-stefanov
Hå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
Come learn about Scalable Vector Graphics (SVG), what it is, how to use it, and how it interacts with HTML5 and CSS3. In addition, learn about cross-browser solutions for bringing SVG to Internet Explorer including SVG Web, RaphaelJS, and JQuery SVG. More info at: https://fronteers.nl/congres/2010/sessions/vector-graphics-for-the-web-brad-neuberg
This presentation aims to give you information about the JavaScript language itself; pros, cons and pitfalls. It will cover the basics and then go into objects, scope, closure and some performance bits. More info at: https://fronteers.nl/congres/2010/sessions/javascript-like-a-box-of-chocolates-robert-nyman
Everyone's talking about the benefits of HTML5 for web apps but the specification also introduces an extra layer of semantic richness to our web documents. These additions aren't wishful thinking for some far-flung future: you can start using them today. That's because the design principles driving HTML5 are steeped in pragmatism. Find out how important good design principles are to any project, whether it's a website, a content management system, or the very language that underpins the World Wide Web. More info at: https://fronteers.nl/congres/2010/sessions/the-design-of-html5-jeremy-keith
Stephen dives into the CSS3 layout modules, places them side-by-side and explores the pros and cons of each. He takes a layout for which floats and positioning would be less than ideal, pulls it apart and builds it three times: once for each of three CSS3 layout modules, exploring how we will finally be able to create true grid-based layouts. More info at: https://fronteers.nl/congres/2009/sessions/the-future-state-of-layout
Zoals altijd had Anne weer een interessant verhaal over Webstandaarden en enkele recente ontwikkelingen op dit gebied. Zijn presentatie (HTML) staat online, voor iedereen die het nog eens door wil nemen. Hier kun je weer het best Opera in fullscreen voor gebruiken. Meer info op: https://fronteers.nl/bijeenkomsten/2009/e-sites