ConfPad

What makes a team successful? Innovative? Great? As software developers, many of us spend a fair amount of time working alone behind our computers, but when we come together as a team we can build truly great products for people. So how do we build effective teams? In this talk, we’ll explore the concept of “safe” teams and how they enable us to build and de…

Behance’s codebase has existed in various states for over 7 continuous years - which includes multiple major redesigns, brand overhauls, backend framework changes, JavaScript frameworks, CSS preprocessors, templating languages, feature births and deaths, product integrations, and more. And now, we are working on our latest project: moving our JavaScript and …

This talk traces the parallel history of western and eastern typography from handwriting to the internet age, setting the context for how the web is a brand new medium for typesetting. CSS allows us to implement advanced typographic features and multi-directional layouts, that not only benefits internationalisation, but opens up a myriad of options for creat…

Is CSS grid ready for production? Find out from somebody who’s used grid on a large site - all while supporting Internet Explorer. I’ll discuss what I’ve already refactored with grid and what I plan to refactor once forthcoming features (display:contents and subgrid) are more widely implemented by browsers. I’ll show how I handled Internet Explorer and older…

The DevTools in all current modern browsers provide a valuable set of instruments for web developers to create, inspect and debug their work. But what about web designers? Sophisticated tools for creating and experimenting freely with CSS have been missing from browsers. But there’s a recent uptick in specialised tools for CSS which bring the creative empowe…

“Low-vision” is a concept which is hard to grasp for most people in an exact manner. Its an umbrella term for a number of conditions - each affecting eyesight in a different way. What if we could make tools to make people see what people with low-vision actually see? This talk is a story of how I talked to persons with low vision and their family members, an…

Static variables are not always global, but global variables are almost always static, therefore dynamic variables should almost always be local. Did you follow that? If not, you might need to see my talk. I will cover HOW to use CSS variables correctly for things like: theming, responsive design, prototyping, animation and much more. A practical guide that …

In Norway, all websites are required by law to be accessible. That has inspired us rather than constrained us when building our video consultation service. How could we make it easy for users to pick their own brand color, and still make sure they had sufficient contrast? Combining CSS Custom Properties with a sprinkle of JavaScript we were able to create a …

“CSS isn’t a ‘real’ programming language,” we CSS developers are often reminded — we don’t write programs, we describe presentation. Algorithms and CSS, then, don’t exactly go hand-in-hand…or do they? From the cascade to Grid Layout to our own design systems, we may not write algorithms in the same fashion as other programming languages, but we sure do use t…

Container queries have been one of (if not the) most requested CSS features for several years now, and yet there are no specifications attempting to design them nor browser vendors attempting to implement them. Why is that? The truth is that while high-level CSS container query APIs aren’t currently being worked on, several low-level web primitives are being…

We build design systems to help our teams communicate to accomplish a shared goal—often, in the case of web development, improving a product. Design systems provide shared reusable patterns aimed to reduce code bloat and establish harmony across applications. However, the most significant benefit to building a design systems is that they create resiliency an…