Conference Schedule. September 20, 2016
- 08:00 - 09:00 Welcome Coffee & Registration
- Be sure to arrive early and grab your favourite seat!
- 09:00 - 11:00 SESSION 1
DIRTY LITTLE TRICKS FROM THE DARK CORNERS OF FRONT-ENDVITALY FRIEDMANDo you love the <object> tag, too? How do you feel about perfectly responsive typographic scale and vertical rhythm? Do you feel itchy when t comes to building responsive email layouts? Have you ever tried to work around complex tables, nasty carousels, endless country selectors and complex user interfaces? Well, let’s bring it on! In this talk, Vitaly Friedman, editor-in-chief of Smashing Magazine, will present dirty practical techniques and clever ideas developed in actual real-life projects, and use many examples to illustrate how we can solve problems smarter and faster. Please take the techniques with a grain of salt. Beware: you will not be able to unlearn what you’ll learn in the session!
FRONT-END STYLE GUIDESANNA DEBENHAMAfter 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.She'll give you a tour of some style guides built by companies with a range of different needs and requirements, and you'll learn how to build your own using a range of possible technologies. Most importantly, she'll show you how to make sure they don't get forgotten at the end of the project, and ways that it can be kept up to date as living documentation well after a site has gone live.
- 11:00 - 11:30 Coffee Break
- 11:30 - 13:15 SESSION 2
LET'S TALK MIDIRUTH JOHNIn this enticing and interactive presentation we'll take a look at MIDI through the Web MIDI API. We'll talk through MIDI's past, from digital audio (and of course how it works with the Web Audio API), through it's present *Show Control* operating fireworks and fountains (what better chance to use it along side the Web Animation API), and then focusing on it's applications for the future. Could MIDI be the answer to the Internet of Things protocol format crisis, to low data connection problems and with it’s already built in timing protocols latency problems? Why don't you come and find out!
CSS FOR DECORATIONRAZVAN CALIMANThis talk is a collection of examples and practical use cases for CSS decoration features. From skeleton screens for improving perceived performance, generated polygon backgrounds, app UI details, like ranges, rulers and grids, down to the gratuitous but cool looking textured text and animated background shapes. Everything done using standards-compliant CSS. No black magic.
- 13:15 - 14:15 Lunch
- Five star buffet for everybody.
- 14:15 - 16:00 SESSION 3
MAKING THE MOST OF NEW CSS LAYOUTRACHEL ANDREWIt is 2016. CSS is now 20 years old, and it has taken this long for us to get a true layout system designed for web pages and applications. A layout system, not based on hacking properties designed for something else entirely, but one that considers the reality of design for the web today. In this talk I’ll introduce this new layout system, a system encompassing Flexbox, CSS Grid Layout and the Box Alignment Module. We’ll take a look at the mindset shift needed to really take advantage of these modules, and also consider what they mean in terms of accessibility and performance.
THE SECRET LIFE OF COMEDYESPEN BRUNBORGIt has never been easier to make a web site, and our digital toolbox has never been greater. At the same time, we seem more concerned with automating our process and systemising design than with creative thinking and generating ideas. Is web design purely about utility? Is it all about convention? Is it a science? Or is there room for beauty, expression and art? In this talk, Espen will take a tongue-in-cheek look at the state of web design, explore different creative mindsets, and show how adding a pinch of comedy can make a real difference to the bottom line.
- 16:00 - 16:30 Coffee Break
- 16:30 - 18:15 SESSION 4
PRACTICAL BLEND MODESUNA KRAVETSWith the availability of SVG and CSS filters and blend modes, our browsers have become very powerful image rendering engines. From creating faux surrealist effects to 3D images, the artistic possibilities are endless. But how can we integrate filters and blend modes into UI elements? How can we use them in our every day user interfaces to improve performance and aid in design? This talk will cover just that, and show some practical examples of using filters and blend modes.
HTML RESPONSIVE IMAGESBRUCE LAWSONAmaze your friends, confound your enemies! Oh, and save bandwidth and speed up your site by sending the correctly-sized images for the device with HTML’s new responsive images capabilities. Bruce proposed the element in 2011, and it’s finally available in all browsers, so learn all about it now and use the techniques tomorrow.
Sponsors & Partners. Helping us make this event possible.