If you’re looking to spiff up your code comments with some major artwork, be sure to check out Textik. Using it you can easily draw/resize/move boxes/lines/text and export it as ASCII. Textik →
Easily draw ASCII diagrams and boxes with Textik
Paper Phone – A printable paper phone which helps you take a break from your digital world
Nice experiment by Google: A lot of people feel that they spend too much time on their phones and struggle to find a balance with technology. Paper Phone helps you have a little break away from your digital world by printing a personal booklet of the key information you’ll need that day. Paper Phone →
“Hold to confirm” Button
Ooh, I like the organic feel on this “Hold to Confirm” button: Nice combination of CSS Custom Properties, CSS Transitions, and SVG Animations using stroke-dashoffset/stroke-dasharray.
SVG favicons in Chrome
A commit that landed in Chromium (and which will be available in Chrome 80) is support for SVG favicons. 🎉 🦊 Firefox already has support for SVG favicons, ever since version 41 Since most (all?) browsers always make a request to favicon.ico you can also serve an SVG at that location with the image/svg+xml MIME …
19 Takeaways From React Conf 2019
Solid writeup by Anthony Morris on the recent React Conf. Well React Conf ⚛️ is officially over. There were a lot of great talks, human beings, activities, and of course food. I’m still digesting the whole event but, as far as conferences go, this has been the best one I’ve attended so far. This post …
Automatically correct color distortion in underwater photos with “Sea-thru”
When diving you’ll notice that the colors start acting up: everything will become more washed out (and look more green/blue) from the moment you look down in the water, and everything will become darker as you descend. Colors like red go first: at a depth of 10m it looks brown. To correct this, underwater photographers …
Continue reading “Automatically correct color distortion in underwater photos with “Sea-thru””
jQuery, now using ECMAScript module syntax
A nice commit migrating away from AMD Modules to ECMAScript modules recently landed in the jQuery repo. Once published as a new release, you’ll be able to actually import $ using the modern ES module syntax: import $ from "jquery"; $('#message').text('Hi from jQuery!'); Handy if you’re modernizing a legacy project that still uses jQuery. 💡 …
Continue reading “jQuery, now using ECMAScript module syntax”
WebAssembly: To the Browser and Beyond!
Presentation by Patrick Hamann as given at performance.now(): WebAssembly (or Wasm) is a compilation target for the open web; often considered a hard-to-approach performance optimisation for your browser applications – but it promises to be so much more than that! In this talk we’ll debunk some myths about WebAssembly and explore what it is and …
Build your own React
Rodrigo Pombo: We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. Next to the contents themselves, it’s also presented in a really nice way. As you read along the code next to it also changes. Bret Victor …
Faster JavaScript Apps with JSON.parse()
A performance trick that’s been doing rounds on Twitter, now available as a video: Because the JSON grammar is much simpler than JavaScript’s grammar, JSON can be parsed more efficiently than JavaScript. This knowledge can be applied to improve start-up performance for web apps that ship large JSON-like configuration object literals (such as inline Redux …