saint-p summer css

June 16th, 2017

schedule

10:00

doors open

11:00

opening ceremony

11:20

Anton SheinYandex

Designing Data-Driven Products. Controlled Chaos and Evolution, slides

Anton Shein

Designing large-scale products require a balance between stability and innovations. The component-based approach makes this task easier. However standard tools for designers are poorly suited for it. I’ll share the experience of designing Search Engine Results Page of Yandex. And I’ll tell you why all designers in our team are able to work with the code.

12:00

Eva LettnerChillBill

Paint the Web with CSS. On Creating Art with Code, slides

Eva Lettner

As developers we view code as one thing: a tool to build our projects with. But what if I told you that it can be so much more: CSS can be a paintbrush and HTML your canvas. Lets find out what you can do by misusing a technology you might already know well. In this talk you will learn the basics of creating pure CSS images and animations. You will find out everything about shapes, how to use less markup and why gradients are not just pretty, but pretty useful too. All these learnings will be brought into real life projects to show that nothing you create for fun has to be useless. This talk will hopefully inspire you to view code differently and maybe even to create your own CSS drawings.

12:40

coffee break

13:00

Patrick KettnerMicrosoft

Creating Magic With Houdini, slides

Patrick Kettner

Since the dawn of (internet) time, web developers have been at the mercy of browsers when it comes to features. But what if the black magic they use to create new HTML and CSS properties were given to you? Thats exactly what the Houdini working group is working to provide web developers today! In a futuristic, code heavy session I will show how in the not too distant future, you will be able to create your own custom browser features using low level APIs never before available to developers.

13:40

Andrey Okonetchnikovhimself

Is CSS-in-JS Really That Bad Idea? slides

Andrey Okonetchnikov

Building consistent, accessible and fast user interfaces is so hard there’s an entire profession dedicated to it. One of the problems UI developers are facing is writing styles in a modular and maintainable way. There’s been a lot of experimentation with a goal to simplify it as much as possible: CSS methodologies, CSS-modules, and the latest and most controversial approach — CSS-in-JS. Let’s open our eyes and take a broader look at the problems we are facing and some possible solutions. Why do we want write styles in JS? Isn’t that bad for performance and UX?

14:20

lunch break

15:20

Hui Jing ChenWismut Labs

Chinese Typography on the Web, slides

Hui Jing Chen

This talk will cover the basics of Chinese characters, fonts and typography, and how there are certain CSS properties that allow us to cater to the myriad of directions various writing systems around the world utilise, so we can translate them to the web. There will be a focus on the typography and layout of Chinese scripts.

16:00

Agnieszka NaplochaAdobe

Breaking the Norm with Creative CSS, slides

Agnieszka Naplocha

Feeling tired and uninspired of constantly building the same layouts? Let’s leverage new CSS features that give us a great set of tools and enable to do awesome things on the web. During this talk, I’m going to encourage you to explore visual styles way beyond you’re familiar with using grid, clipping, masking and other CSS properties. The future of web graphics is bright and CSS, undoubtedly, plays the crucial role. Don’t stay behind and get your creative juices flowing!

16:40

coffee break

17:00

Manuel Matuzovichimself

Accessible UX, slides

Manuel Matuzovic

What is the first thing that comes to your mind when you think about web accessibility? Maybe optimising a website in a way that it’s easier to use with assistive technology like screen readers? Of course, that’s one part, but accessibility is more than that. Accessibility is about making websites and web apps easier to understand and use for everyone. With better accessibility comes better usability and user experience. This talk aims to demystify web accessibility and provide you with simple and practical takeaways, which you can easily incorporate in your workflow today. You are going to get a better understanding of how other people surf the web and find out how to make your web projects more inclusive and improve the usability and user experience at the same time.

17:40

Ilya BirmanBureau Gorbunov

Designing Declarative APIs, slides

Ilya Birman

What if it was a part of HTML? In this talk, I will give examples of declarative APIs, will guide you through designing them, and will try to convince you to build them for your components.

18:20

closing ceremony

we unite Russian and worldwide communities

Your chance to participate in a real European conference without leaving the country

thanks to all these people