Changelog

Tomasz Jakut takes us through a proof-of-concept where he rebuilds Vue’s single file components from the ground up with nothing but browser-native technologies. It takes a few ‘dirty’ hacks to get the job done, but the journey is quite enjoyable and you learn a lot along the way. A great read! 💯

Copy/paste the code in this repo’s README into your browser’s address bar and you end up with a super minimal CodePen-style editor. Pretty cool, and a bit crazy that you can get so much functionality with just 400 bytes of code…

It allows complex layouts to be defined with CSS and JavaScript, while writing the content in a friendly, minimal syntax close to Markdown or LaTeX. Lots of nice output examples in the README.

This is a spectacular project by Diana Smith: Rules I have for myself: All elements must be typed out by hand Only Atom text editor and Chrome Developer Tools allowed. SVG use is limited, and all shapes can only use hand-plotted coordinates and bezier curves - without the aid of any graphics editor. The results are stunning, to say the least. I won’t embed the image here, because it won’t do it justice. You have to click through and see it for yourself.

Keith J. Grant: For the next few blog posts, I’m going to explore some aspects of HTML5 that maybe haven’t received as much attention as they deserve. As a warm up, I’ll look at some elements from HTML5 that most web developers probably are somewhat familiar with: <main>,<nav>, <article>, <section>, <aside>, and other structural, semantic elements. Even if you already use these elements, you might just learn a few new things along the way (I know I did as I researched this). I really enjoyed this article. I try to be as semantic as possible in my markup, but Keith’s post shed light on things I didn’t know—especially the impact certain elements can have on accessibility.

This library has a tiny (4 KB) footprint, no dependencies, and most (all?) of the features you’d need in a file dropping library.

What are Flame Graphs good for? According to Netflix, they’re using them for: quick analysis of performance issues such as perturbations, variance, single-threaded execution, and more.