CSS, UI & Algorithms. Exploring New CSS Territories.

No images? Click here

Hey there!

CSS gets a pretty bad rap among programmers.

It's not TOTALLY undeserved, but it's usually a case of this:

In our latest series of tech talks, you'll discover how to clarify the complexities and frustrations of CSS.

You'll work with imposed frameworks, algorithmic layouts, vertical rhythm and more – improving the design and build process to make CSS more of a friend than foe.

Algorithms in CSS

CSS can be a source of deep frustration for developers. Over time, this has resulted in a fundamental misunderstanding of CSS, not only of how to write it, but of what CSS is in the first place. How can those of us who know and love CSS convince others to include CSS in their definition of programming language, and why is it so important? This talk will provide your talking points for that conversation.

Flexbox Holy Albatross

With names like “Lobotomized Owl Selector“ and the “Flexbox Holy Albatross” you might think this talk is about birds. However, in the story of a peculiar and peculiarly named CSS layout technique that he came up with, Haydon Pickering shares what it means to write algorithmic layouts, and how to integrate this layout primitive into your design system via the custom elements spec'.

CSS Grid Layout Implementation Details

In this talk we are not going to talk about how grid layout works. Instead, we will discuss how it's implemented in the browser. Hearing from Igalia and Manuel rego (who have been working on CSS Grid Layout since 2013 and 2014 respectively) you’ll get a better understand what's going on behind the scenes when you use CSS Grid Layout in a webpage, and what it takes to implement a CSS feature in a web browser.

CSS Line Layout and Vertical Rhythm

Now that Grid and Flexbox have dramatically improved the high-level layout possibilities in CSS, the CSS Working Group is moving on to the next-most-broken frontier of CSS layout: line layout. In this session we'll go over upcoming features to improve CSS's line box model, control half-leading, and maintain vertical rhythm.

Pretty, but not Usable

“Don't worry about the UI, we have a framework for that” They say. Then the designer's job is merely to paint over whatever product comes out of it. If that sounds frustratingly familiar, this talk will share stories from successful (and unsuccessful) projects that worked with an imposed framework. You’ll be inspired to find a collaboration process that will work for your own team.

Building Better Interfaces

This session is a deep-dive into the areas of interface design that Hakim has specialized in for over a decade—interactivity and animation. We’ll take an in-depth look at a few different UI components to highlight common pitfalls and solutions. He’ll talk about the correlation between having fun at work and building interfaces that are fun to work with, and most of all, he’ll share practical tips for building better and more enjoyable user interfaces on the web.

A New Era of Design Process & Culture

As technology and design becomes increasingly powerful and central to human life, it’s never been more critical to offer compelling experiences that deliver long-term value. In this talk, Basak will dig deeper into the new era of design culture that evolves around courage, values, and innovation and discuss ways to accelerate the product design process thoughtfully and maximize design maturity in organizations.

Happy Learning!

The SitePoint Team