Web Workers is a community of designers, developers, UXers and all around tech- and web-savvy individuals that meet in person and online to discuss all the goings on of the wide, wide world of the Web.

Support-first CSS - April 11th, 2017

FedEx Institute of Technology - Room 225

Meeting Notes:

Bryan gave a great lecture starting with how our language shapes the way we observe the world. Using his “Support-First” methodology instead of creating Fallbacks we start with the least support and work or “Fallforward” to the most supported end product. We all really want to use and utilize the most to date and greatest features. However, we also are limited by supporting old browsers, small screen sizes, or non-technical clients. Thus “Support-First” is our answer. We start from a point of most support and add things like feature queries to allow the latest and greatest on browsers and devices that support them.

Bryan moved on to some really cool new CSS features. He started this segment off with CSS Initial Letter which gives you the ability to expand a first letter multiple lines and character widths. He then moved on to Object-Fit and Object-Position. Essentially this grants the developer the ability to use the options for a background image on a foreground image. So we can fit images inside the available space much like background-size: cover;.

Later, Bryan went on a rant about how awesome CSS Grid is. Which it is amazing. However, as it is right now, it has limited support. It works in current versions of Chrome, Firefox, Opera and Safari. There is a broken implementation in IE/Edge. This is where the beginning conversation about “Support First” comes into play. By developing for IE/Edge then applying some @supports magic we can support the browsers that support grid and still have acceptable design on the browsers that don’t.