This is amazing. I have wanted this sort of layout several times, and always walked away thinking it wasn't possible in plain CSS.

Great overview of the recent changes to React from Jenn Creighton. Not the brand spanking new stuff like Hooks, but rather the v16.0 changes that set the stage for all the new stuff we’re seeing arriving now

Great introduction from Una Kravets

“In Kentucky, mining veteran Rusty Justice decided that code could replace coal. He cofounded Bit Source, a code shop that builds its workforce by retraining coal miners as programmers.”

“CSS is global by nature. On purpose!”

“The problem arises when the platforms of the internet take mini learning frustrations and elevate them to the public sphere where… someone can have them validated and encouraged and re-enforced, and they stay in that comfort zone and don’t venture out further.”

This talk is fantastic.

Cool idea for periodic synchronization of a PWA in the background

Some interesting thoughts on why FP is hard to teach and new ways to think about and explain it

If you missed the ReactConf talks, get them here. If nothing else, make sure you catch the first two on ✨ hooks ✨

A (proposed) upcoming feature for React that looks fantastic. If you haven’t checked this out already, give it a look.

A nice look at applying tried-and-true programming principles to React components.

Those looks really slick

Walt: a JavaScript-like syntax for WebAssembly text format

Transpiling is expensive. So avoid it where you don’t need it!

“perfect is a verb not an adjective”

“Performance budgets are not just thresholds. Much like a financial budget, they're something consciously spent.”

A look at the in-discussion “bind” operator for JavaScript. This would be useful.

An intriguing new approach to writing JS test assertions

Several common layout patterns in CSS

Relevant to today’s WC discussions: The most powerful parts of the web platform are the things that can be done declaratively for common use cases, and augmented imperatively for special cases.

This is really sad to see. It also further feeds the notion in #ally circles that “React isn’t accessible” (which is untrue, but enough React developers disregard #ally that it’s an understandable shorthand someone might arrive at).

“90 percent of Google+ user sessions last less than five seconds” 😆

Fascinating look at an “old school” approach to keeping app size down. Meanwhile, the average webpage is 75 times the size of this game.

Great rundown of Chrome’s animation dev tools

“Flexbox is squishy… When people find Flexbox hard and weird, it is often because they are trying to use Flexbox as a grid system”

A great list of UI alternatives to consider before resorting to a modal

Introduction to the new Web Payments API

This process might be one of the most important parts of keeping your CSS sane. Your design system needs a gatekeeper, whether an individual or a team.

How Lyft approached organizing colors in their design system

If you think CSS-in-JS is cool, just wait till you see JS-in-CSS. This is a great overview of all the things CSS Houdini will offer.

New app profiling tools in React DevTools plugin (React 16.5 and up)

This is fantastic: CSS that makes visible all the stuff a screen reader “sees,” to visually help with accessibility during development.

“It's become increasingly clear that the ‘debate’ about CSS is not about technology. It's about gender privilege and exclusion.” 🔥

“JavaScript is the most expensive way to accomplish anything in a browser”

“There is a solution to this, but it’s not a technical one.”

A number of good tips for trimming out unnecessary stuff from your webpack bundle.

See what your website looks like when it is posted on various social platforms ✨

👍

I just pushed a big Omnibear update to Chrome & Firefox!

Interesting take on why GraphQL renders Redux (partially) irrelevant

This is definitely something I thought about when I read about this Google URL hullabaloo. Is there room to improve the UX of URLs in the browser? Absolutely. But I don’t trust Google on this one.

“Google, but for colors.” This is kind of fun

Logical properties are now un-prefixed in Chromium, Chrome, and Webkit.

A fun look at what React would look like if it were fully reactive from Shawn Swyx Wang

If you want your site to be performant, you need to give some attention to your font loading strategy.

I don’t think Web Components are all the way there yet, but they are on the right track. Talk from Matt Steele

Quickly find the cost of adding an npm package to your bundle

🕰 Forget Moment.js: date-fns is much more lightweight, and operates on native JavaScript date objects

Sara makes a good point about using more intelligent (read: semantic) HTML for indicating colors in a design system.

I realized I didn’t have links to some of my various side projects all in one place on my site. So here they are