Issue 215

News

Issue 215

Hello from sunny Freiburg, Germany!

I've been here for a meeting with the Smashing Magazine team, plus SmashingConf Freiburg, which is happening right now. After this I'll be heading to W3C TPAC, this year in Japan, for a week of W3C and CSS Working Group meetings. September and October are always busy months, as we head into the final quarter of the year. Lot's to share this week including the collaboration between Caniuse and MDN, and a site like Caniuse but for HTML email compat - which was launched at SmashingConf.

Yesterday I hosted a Web We Want panel at SmashingConf. Check out the site and add your own wants for the web platform. If you can't be at one of the events, that's fine. The moderator can present your idea for you, or you can send a video. It's a great way to have your ideas for the platform discussed.

The sponsor this week is An Event Apart. There are two more events this year, and all of the dates for 2020 are now published. Maybe I will see you at one of them?

Rachel Andrew, CSS Layout News


Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog

Some excellent news of a collaboration between CanIUse and MDN as MDN compat data is now integrated into CanIUse. A good way to see how this works is to search for the gap property, you'll see the more granular tables from MDN detailing implementation status for gap in the various layout methods.

mozilla.org


Can I email… Support tables for HTML and CSS in emails

Announced at SmashingConf yesterday is Can I email, a site like Can I Use but for HTML email features. You can also read the release post.

caniemail.com

Learn

Overflow And Data Loss In CSS — Smashing Magazine

In this article I take a look at overflow in CSS, and the concept of preventing data loss which is an important concept in the design of CSS itself.

smashingmagazine.com


Inspired Design Decisions: Alexey Brodovitch — Smashing Magazine

Another of Andy Clarke's articles, this time deconstructing the work of Alexey Brodovitch and showing how to create designs inspired by this using CSS Shapes, and grid layout.

smashingmagazine.com


Various Methods for Expanding a Box While Preserving the Border Radius | CSS-Tricks

Ana Tudor takes an in-depth look at how to expand a box while keeping the border radius intact.

css-tricks.com


Introducing Hover: Hover - DockYard

A post about using interaction media features, testing for the ability to hover, in order to progressively enhance functionality.

dockyard.com

Interesting

Scroll experiment #2

A very nice demo, where the height of the grid expands as you scroll down.

codepen.io

Our Sponsor

Three days of design, code, and content.

Get out from behind your desk and open yourself up to a whole new world of people and ideas at An Event Apart, the conference for people who design, write, and code. We don’t just present what’s happening now. We also look ahead to what’s around the corner and down the road. Here are just a few of the topics folks heard about on our stage before the rest of the industry knew they were coming: responsive web design, mobile-first practices, content strategy, and CSS Grid.

Our speakers aren’t just industry leaders with years of experience and deep insight. They’re also engaging, inspiring thinkers who are passionate about sharing what they’ve discovered and helping you level up your skills. And you’ll learn from your peers, too. Our attendees are dedicated professionals with experience and know-how from years in the field. They’re some of the smartest people you’ll ever meet.

So set yourself Apart. Come to your favorite U.S. city and connect with great designers and developers from around the world. Save $100 off any two or three days with code AEACSSN.

aneventapart.com