CSS Day

4th of June, 2014

Compagnietheater, Amsterdam

Videos will be up soon!

Programme

08:30Doors openbreakfast, coffee & registration
09:30Tab Atkinslayout
10:20<br>
10:50Ana Tudor3d transforms
11:40David Baronanimations
12:30<br type="lunch">
13:30Mathias Bynensfun facts
14:20Peter-Paul Kochviewports
15:10<br>
15:40Heydon Pickeringeffortless style
16:30Ethan Marcotteresponsive design
17:20Panelq&a with all speakers
18:10Partydrinks & discussions

Coffee, tea, lunch, and drinks afterwards are included in the ticket price.

Our MC, Stephen Hay

Stephen will guide us through the day and will also moderate the panel at the end.

Californian by birth and Dutchman by choice, Stephen Hay is author of Responsive Design Workflow (New Riders, 2013) and contributor to Smashing Book #3. He is a frequent speaker at industry events. While spending an increasing amount of time teaching, writing, and speaking, Stephen still spends the majority of his time working with clients large and small through his consultancy, Zero Interface.

3D Transforms, by Ana Tudor

You've probably all heard of CSS 3D transforms and seen the basic cube example. However, we can do much better. We can create more complex shapes like Archimedean, Catalan or Johnson solids, add shading to their faces with CSS gradients, move them around with keyframe animations, make them turn into others through various methods like expansion, vertex truncation or simply exploding them into parts which then recombine into something else.

About Ana

Loves maths, especially geometry. Enjoys playing with code. Passionate about experimenting and learning new things. Fascinated by astrophysics and science in general. Huge fan of technological advance and its applications in all fields. Shows an interest in motor sports, drawing, classic cartoons, rock music, cuddling toys and animals with sharp claws and big teeth. Dreams about owning a real tiger.

Efficient CSS Animations, by David Baron

How do browsers implement CSS transitions and animations, what optimizations make them go faster in some cases than others, and what optimizations are and aren't possible in future browsers? How do developers take advantage of these optimizations, and how do they tell that they've succeeded in taking advantage of them?

About David

David is a software engineer at Mozilla, where he works on the Gecko layout engine used in Firefox and Firefox OS, and has been an active participant in the CSS working group for over a decade. He has worked on improving interoperability between browsers and implementing new features, has developed the reftest test format and an approach for avoiding privacy leaks from :visited link styling, and has advocated for and specified CSS features such as @supports and overflow:fragments.

Laziness in the Time of Responsive Design, by Ethan Marcotte

As screens and input types evolve, we’re managing more complexity in our designs than ever before: our layouts are becoming more flexible and responsive; our interfaces, more immersive. Maybe we can look for simpler approaches? In this session, Ethan—a singularly lazy person—will walk through some responsive designs, and show how we might use simple effects and selectors to do a bit more with less.

About Ethan

Ethan Marcotte is an independent designer/developer who is passionate about beautiful design, elegant code, and the intersection of the two. Over the years his clientele has included People Magazine, New York Magazine, the Sundance Film Festival, The Boston Globe, and the W3C. Ethan coined the term “responsive web design” to describe a new way of designing for the ever-changing Web and, if given the chance, will natter on excitedly about it—he even went so far as to write a book on the topic.

Ethan lives in Cambridge, Massachusetts, and would like to be an unstoppable robot ninja when he grows up. Beep.

Effortless Style, by Heydon Pickering

Classes, and the CSS methodologies based on them, have begot a component based approach to styling web pages. This results in a form of presentational markup that, despite breaking with the "separation of concerns" principle, has proven to be a popular approach to collaborating on style schemas. However, methodologies and standards are not equivalent and inviting the explicit prescription of CSS into the editorial process will quickly alienate non-developers charged with simply writing content. This session will explore ways to help content editors elicit stylistic nuances without having to think about design or CSS at all.

About Heydon

Heydon is a designer and HTML writer from the UK. He is a member of Smashing Magazine's expert panel, produced one of the very first icon fonts, and created the odd illustration for the HTML5.1 spec'. As he writes this, he is finalizing his first book about web accessibility. His writing on CSS has proved a little controversial since he typically eschews class-oriented methodologies and instead uses HTML semantics to dictate styling decisions directly. He owns a greyhound and a resonator guitar. He's @heydonworks on Twitter.

3.14 things I didn’t know about CSS, by Mathias Bynens

This talk will showcase a series of obscure CSS fun facts, such as CSS syntax gimmicks and quirks, weird tricks that involve CSS in one way or another, and security vulnerabilities that are enabled by (ab)using CSS in unexpected ways.

About Mathias

Mathias is a Belgian web standards freak. He likes HTML, CSS, JavaScript, Unicode, performance, and security.

At Opera Software he’s a member of the Developer Relations team.

The Mobile Viewports, by Peter-Paul Koch

What are the three viewports? (Spoiler: layout, visual, and ideal.) Why do we need all three? Why does responsive design work? (Not how. Why.) What happens when you set the meta viewport? How do browsers go wrong? (Spoiler: in plenty of innovative ways.) And what about resolution, or DPR? (Spoiler: it is not what you think it is.) In this session PPK, who spent more time on the mobile viewport than anyone not working for a browser vendor, answers these questions and more.

About PPK

Peter-Paul Koch is a mobile platform strategist, consultant, and trainer in Amsterdam, the Netherlands. He specialises in HTML, CSS, JavaScript, and mobile browser compatibility.

Nowadays he mostly concentrates on the two things that are really different on mobile/touchscreen devices: the touch events and the three mobile viewports.

He relishes the fact that web developers have no clue what he's talking about, and are forced to pay him boatloads of money to find out.

Present and Future of CSS Layout, by Tab Atkins

Designing a page's layout in CSS has traditionally been a hard problem, though developers have come up with a lot of amazing hacks. Today, and in the near future, much of this pain will disappear, as CSS introduces new layout specs, like Flexbox and Grid, and other layout tools, like the Sizing and Alignment specs. This session will explore some of the new abilities enabled by CSS's new layout specs, introducing you to techniques that can you can apply today (depending on your required browser support) and in the near future, as browsers continue to implement these new specs.

About Tab

I'm Tab Atkins Jr, and I wear many hats. I work for Google on the Chrome browser as a Web Standards Hacker. I'm also a member of the CSS Working Group, and am either a member or contributor to several other working groups in the W3C.