On 4th of June, 2014, the second CSS Day took place in Amsterdam.
Schedule ·
Speakers ·
Attendees ·
Sponsors
| 08:30 | Doors open | |
| 09:30 | Tab Atkins | layout |
| 10:20 | <br> | |
| 10:50 | Ana Tudor | 3d transforms |
| 11:40 | David Baron | animations |
| 12:30 | <br type="lunch"> | |
| 13:30 | Mathias Bynens | fun facts |
| 14:20 | Peter-Paul Koch | viewports |
| 15:10 | <br> | |
| 15:40 | Heydon Pickering | effortless style |
| 16:30 | Ethan Marcotte | responsive design |
| 17:20 | Panel | q&a with all speakers |
| 18:10 | Party | drinks & discussions |
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.
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.
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.
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.
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.
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.
| Name | Company | From | |
|---|---|---|---|
| Adolfo Benedetti | Iprofs | @adben | NL |
| Alex Maat | TIE Kinetix | NL | |
| Alice Murphy | akquinet tech@spree | DE | |
| Ana Tudor | @thebabydino | RO | |
| Anand Graves | Anand Graves | @anandgraves | NL |
| Andrew Jordan | TSL Digital | @jordan_a_2000 | UK |
| Andy Warburton | Booking.com | NL | |
| Angela Sjoholm | RIPE NCC | NL | |
| Anke Willems | Two Kings | @ankedesign | NL |
| Anthony Moendir | KLM | NL | |
| Arjan Pot | Evident Interactive | NL | |
| Arne de Bree | Arne de Bree | @adebree | NL |
| Babs Bloemsaat | Coolblue | NL | |
| Bart Heesink | Leukeleu | NL | |
| Bart Oosterveld | Blink Interactive | NL | |
| Bart Wilmink | Objectif Lune | NL | |
| Bas van Rijen | Bas van Rijen Front-end Development | NL | |
| Ben Darlow | Darlow Technology | @kapowaz | UK |
| Bernard Skibinski | Merge | @bskibinski | NL |
| Bert de Weerd | b3rtnl | nieuwe media | @b3rtnl | NL |
| Biggs Thorarensen | Devillion | @biggs_t | UK |
| Blaz Kemperle | Ikon | @blazicke | IT |
| Bob Donderwinkel | Viewbook | NL | |
| Bob Fanger | NoProtocol | @bfanger | NL |
| Bram Demmer | eFocus | NL | |
| Bram Simons | Leukeleu | NL | |
| Bram Stein | Adobe Typekit | @bram_stein | NL |
| Carl Lundblad | Itera Norge | NO | |
| Cavit Karaman | KLM | NL | |
| Charis Rooda | I make websites | @charisrooda | NL |
| Charlie Owen | @sonniesedge | UK | |
| Chi Shang Cheng | Leukeleu | NL | |
| Chris Koster | Positivum | @bechrissed | NL |
| Conor Luddy | IQ Content | @madebyluddy | IE |
| Cynthia Onwordi | Cyber-Duck | UK | |
| Danh Nguyen | Luminis Apeldoorn | NL | |
| Daniel Husar | IQ Content | @danohusar | IE |
| Daniel Smink | Picturae | @danielsmink | NL |
| Danny Evenwel | Driebit | NL | |
| Danny van der Zalm | SIMgroep | @SalmonRulez | NL |
| Darius Kruythoff | Hectius | @dkruythoff | NL |
| David Baron | Mozilla | @davidbaron | US |
| David Henry | Workshare | UK | |
| David Hund | Valued Standards | @valuedstandards | NL |
| David Mahl | getit | DE | |
| David Turon Bes | TIE Kinetix | NL | |
| Davy Rori | KLM | NL | |
| Dennis Bunskoek | Leukeleu | @dbunskoek | NL |
| Dennis Waasdorp | Clansman | NL | |
| Dennis van Homoet | Oatmeal | @dennisvanhomoet | NL |
| Derk Duit | Two Kings | @dsduit | NL |
| Dion van Rijswijk | X-com | @dionvr | NL |
| Dirk Voß | aixigo AG | DE | |
| Dominique van Gimst | LimoenGroen | NL | |
| Don Brandts | Nationale-Nederlanden | NL | |
| Dorien Drees | Driebit | NL | |
| Edo van Tilborgh | Happy Flow | NL | |
| Eduardo Shiota | Booking.com | @shiota | NL |
| Egor Kloos | @dutchcelt | NL | |
| Elaine Oliver | Q42 | @skinkfu | NL |
| Emma Dobrescu | Booking.com | NL | |
| Enis Baruh | Bitmama | @enisb | IT |
| Enrico Hoogendoorn | Wellfound Websolutions | NL | |
| Eric Weerstra | Mirabeau | NL | |
| Erik van den Heuvel | Objectif Lune | @evdheuvel | NL |
| Ethan Marcotte | @beep | US | |
| Eva Kock | SIMgroep | @evakock | NL |
| Evert Slagter | 1020concepts | @evertslagter | NL |
| Ferdie Sletering | Yard Internet | @s_ferdie | NL |
| Filidor Wiese | Oni Studio | @filidorwiese | NL |
| Fleur de Kroon | Redhotminute | NL | |
| Florian Vanthuyne | Adagio Agency | @prplps | BE |
| Florin Tudoran | @FlorinTudoran | RO | |
| Francis Errant | Happy Flow | NL | |
| Francois Planque | b2evolution.net | @b2evolution | LU |
| Frank Harland | Acato | NL | |
| Frank Zijlstra | @fzijlstra | NL | |
| Franz Heidl | @franzheidl | DE | |
| Fred Jasper | Wellfound Websolutions | NL | |
| Freek van Gorkum | Coosto | @FvGorkum | NL |
| Geir Haugen | Itera Norge | @haugeen | NO |
| Gerben Snellenberg | 4net | @LaViteMontagne | NL |
| Gert-Jan Goudkuil | HCBMedia | NL | |
| Gijs Rogé | Intracto | @gijsroge | BE |
| Giulio Antonini | Osudio | NL | |
| Govert Verschuur | NoProtocol | NL | |
| Guido Bouman | Q42 | NL | |
| Haiko de Jong | Studio Haiko | NL | |
| Hannes Janssens | Wizzbit | NL | |
| Hans Grimm | Grimm.nl | @grimmweb | NL |
| Harmen Janssen | Grrr | NL | |
| Harrald Torenvlied | Qball Internet | @Harrald | NL |
| Hendrik Lammers | Picturae | @hendriklammers | NL |
| Heydon Pickering | Neontribe | @heydonworks | UK |
| Hidde de Vries | hiddedevries.nl | @hdv | UK |
| Holger Gehrmann | holger gehrmann it beratung | DE | |
| Huib van Geertruy | Ziggo | NL | |
| Ibe Garritsen | a&m impact internetdiensten | @IbeGarritsen | NL |
| Ilja Dvornikovs | thispagecannotbefound.com | NL | |
| JD de Kock | thispagecannotbefound.com | NL | |
| Jaap Bearda | Informaat | NL | |
| Jaco Bovenschen | Leukeleu | NL | |
| Jacob van Zijp | Evident Interactive | NL | |
| Jacqueline Lievense | Modern Media | NL | |
| Jake Abma | Informaat | NL | |
| Jan Hopman | Yard Internet | @janhopman | NL |
| Jan Jaap Van Deursen | WEBclusive | NL | |
| Jan Persoons | Intracto | @janpersoons | BE |
| Jan van Hellemond | Frontlab | @jvhellemond | NL |
| Jan-Peter Van der Veen | KLM | NL | |
| Janine Bouwman | Webbureau Amsterdam | NL | |
| Janita Top | Janita Top | @sigvi | NL |
| Jarno de Wit | Virtual Sciences Solutions | @jarno | NL |
| Jarno van Rhijn | 42bv | NL | |
| Jean-François Fraisse | Octo Technology | @Jeffwebdesign | FR |
| Jeremy Crowlesmith | Leukeleu |