dotCSS

A technical retrospective about shipping CSS Grid layout in production, its benefits and some advices on how to use it to its full potential.

Benjamin shares a technical retrospective about shipping CSS Grid layout in production, its benefits and some advices on how to use it to its full potential.

CSS Grid in Production

Laurence explains the manifold benefits for the web: responsive type within responsive design, reduced webfont payload, and much more. 

In September 2016 the font world was super-excited by the announcement (by Google, Microsoft, Adobe and Apple) of the OpenType 1.8 Variable Font format. Development versions of Safari soon supported Variable Fonts via the ‘font-variation-settings’ CSS property. Chrome since added support on all platforms. Yet the technology’s success depends on being embraced by typography’s new vanguard: UX designers and front-end developers.

Laurence explains the manifold benefits for the web: responsive type within responsive design, reduced webfont payload, and much more. He shows how to explore the possibilities of Variable Fonts using his Axis-Praxis website and other tools, encourages dialogue with font makers to make sure they’re making the responsive fonts you need, and explains how to deploy Variable Fonts in real projects.

Variable fonts: a million times the possibilities...

What if we could hack CSS into a search engine? Actually we can, and Tim shows you how to do it.

What if we could hack CSS into a search engine? Actually we can, and Tim shows you how to do it. 

Using only CSS and minimal HTML, it's possible to build a fast, relevant and easy to use search engine... with "only" 8MB of CSS.

Building a search engine in CSS

How do you make CSS easier to work with? Write less of it.

How do you make CSS easier to work with? Write less of it.

The more CSS we write, the more difficult our stylesheets are to work with. When stylesheets are difficult to work with, we're likely to write more CSS. This leads to more bugs, less consistency, and more frustration for both developers and designers.

Adam focuses on both technical and human problems related to maintaining CSS and a few solutions that have worked best at Meetup in our pursuit to write less CSS.

Whether you're working with a legacy website or building a new React application with component-specific styles, he shows you how the most powerful CSS is the CSS you don't have to write.

Write Less CSS

How do you take a complex web application, with a myriad of components and interactions, and make it fully responsive without pulling your hair out for a year?

How do you take a complex web application, with a myriad of components and interactions, and make it fully responsive without pulling your hair out for a year?

Jonathan looks at what Container Queries are, how they can be implemented, what the hurdles are, and even looks at some tricks to avoid needing container queries (or media queries) at all.

Container Queries

One of the key tool for responsive design is getting smarter.

One of the key tool for responsive design is getting smarter. 

Florian gives us a quick look at what we have, which part of the original design turned out to be a bad idea, what we're doing instead, and how to best use it all.

Media Queries 4

The website simultaneously exists and does not exist. 

The website simultaneously exists and does not exist. 

In this talk, Jackie explains the paradox of building user-customizable responsive layouts for a website builder like Adobe Portfolio: how can a developer write the markup and styles for a website, and make it responsive, without first knowing what it will look like?

Schrödinger's Website

Ryan discusses the two biggest challenges facing the CSS-in-JS ecosystem and how compilers can help. 

What's next in CSS at scale? In this talk Ryan discusses the two biggest challenges facing the CSS-in-JS ecosystem and how compilers can help. And finally, he demonstrates the power of optimizing compilers with an experimental compile-to-CSS-and-JS language.

Compilers in styling web UI

With a little bit of math you can achieve an infinity of crazy effects in CSS, using a pre-processor like SASS.

With a little bit of math you can achieve an infinity of crazy effects in CSS using a preprocessor like SASS. Louis shows you how to create a Christmas bauble in pure CSS.

CSS Christmath

Large goals, like mastering web development, are hard to reach. Steffen shows how to break big challenges into small, daily habits.

Large goals, like mastering web development, are hard to reach. Steffen shows how to break big challenges into small, daily habits. This practice can help you to achieve those goals faster and enjoy the process while doing so.

dotCSS 2017

Nov 30 - Dec 1 | Paris, France