Links
An Introduction to Web Components
Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once was a fairly simple tech stack. In this article, I’ll discuss why Web Components are a great tool to deliver high-quality user experiences without complicated frameworks or build steps and that don’t run the risk of becoming obsolete. In subsequent articles of this five-part series, we will dive deeper into each of the specifications.
How we built the fastest conference website in the world
The clickbait headline got you here, so let’s make this worth your while! I have no idea whether this is the fastest conference website in the world but I also don’t know that it isn’t; and I’ve spent a completely unreasonable amount of time trying to make it be the fastest conference website in the world. I’m also the creator of AMP, a web component library for making reliably fast websites, and this website is my playground to try out new techniques for future optimizations that I can apply to my day job. Also, fast websites have better conversion rates, which in our case means: sell more tickets.
All you need to know about hyphenation in CSS
Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.
Getting Started with React (2019 Edition)
Learn the super popular JavaScript UI library by Facebook. 2019 edition of this guide has all the latest techniques to learning React.
The web we broke.
I suppose the lesson I’m taking from this is, well, we need to do much, much more than meditating. I agree with Marcy Sutton: accessibility is a civil right, full stop. Improving the state of accessibility on the web is work we have to support. The alternative isn’t an option. Leaving the web in it’s current state isn’t fair. It isn’t just.
Videos
Fit For Purpose: Making Sense of the New CSS, by Eric Meyer
If 2017 was the year of new CSS capabilities, 2018 was the year of trying to figure out what to do with them all. When should boxes flex, and when should they be gridded? What are the best ways to manage your team’s approach to all these new powers? What’s ready for production, and what’s useful in the shop? In this hour-long talk, Eric Meyer turns his experienced eye for CSS on the new technologies that emerged in 2018 and explores different ways of using and thinking about them.