Friday Frontend: Web as Platform edition
I had a blast this week hosting the ‘Web as Platform’ track at QConSF, and talking with tons of folks about the future of software and the web. We’re at an incredible time in our industry’s history, where the browser is really transitioning from being an incredible documentation delivery engine to being an application delivery engine - the next generation operating system.
We’re right in the middle of the transition, and this is one of the reasons things are changing so fast and it’s so hard to keep up. Hence newsletters like this one to help you stay on top of it - it can be overwhelming, but there is so much amazing stuff coming down the pipe. I couldn’t be more excited.
Perhaps due to that excitement, this week has a bit more cutting/bleeding edge stuff than usual, but there’s still a nice mix of practical tutorials in there as well. Enjoy!
KBall from ZenDev
CSS & SCSS
Nice set of rubrics to help you know when your CSS needs refactoring. No bombshells, but good rules of thumb.
The always entertaining Chris Coyier of CSS-tricks walks us through some techniques for forcing aspect ratios with CSS-grid.
More CSS grid explorations by Chris Coyier, this time poking around some of the edges of what it really means to place an element inside of a grid area. I don’t know about you, but I’m definitely still missing the intuitive understanding of CSS Grid that I hope will grow over time, and articles like this definitely help fill the gaps.
reduce and walks you through it from start to finish.
Both interesting in its own right as a plugin you might want to have, but also a cool exploration of some valuable Vue techniques like how to tap into the plugin API and how to subscribe to VueX mutations.
Super detailed walkthrough with code that you can play with right away. Probably the best step-by-step guide I’ve seen to get you started with React, working with real code, and understanding all the core concepts.
Oooh boy. Not only does the underlying technology for the new Firefox make my nerd self giggle in glee, but I downloaded and tried it out and it is wicked fast. This may be the final straw that takes me off Chrome and back to Firefox.
The challenges of doing pair programing while remote has always been one of the biggest downsides of remote development to me. Teletype is a brand new package for Atom that has the promise to make this downside go away. It looks super cool! Might almost be enough to push me into finally migrating to Atom away from my happy place of VIM in the terminal. 😜
The slides from one of my favorite talks in the Web as Platform track at QCon. Web Assembly is just getting started, but has the potential to completely revolutionize the way we do development on the web.
Another buzzword I was hearing a lot about from front-end folks at the conference was GraphQL. Now to be perfectly honest, I’ve never used GraphQL and haven’t looked at it much, but if this article is accurate there’s a lot to be excited about. Imagine an API that morphs to exactly what your user interface needs, so that you don’t have to worry about changing and adding endpoints as your interface evolves, and you’ll start to see some of the potential exposed by GraphQL.
Not only a fun metaphor, but a helpful guideline for those who like me believe that accessibility is important, but still sometimes struggle to figure out exactly what we need to do in our HTML to “make it so”.
That's it for this week's Friday Frontend newsletter. If you enjoyed this, be sure to sign up to get these newsletters straight to your inbox every Friday!