Nice work by Alyssa X: Flowy makes creating WebApps with flowchart functionality an incredibly simple task. Build automation software, mind mapping tools, or simple programming platforms in minutes by implementing the library into your project. Flowy Source →Flowy Demo →
Tag Archives: link
Inversion of Control
Photo by Jasper Garrat on Unsplash In his post “Inversion of Control” Kent C. Dodds starts off with a simple filter function and how it can quickly become a mess as features creep in. Using IoC it’s possible to keep the implementation, diverting some responsibilities away from it: We changed the responsibility of deciding which […]
Use C, Rust, Go, etc. code inside PHP with “Foreign Function Interface“ (PHP FFI)
A new extension that comes with PHP 7.4 (which was released today 🎉) is Foreign Function Interface. On the JoliCode Paris website there’s a nice article introducing it: PHP Foreign Function Interface, or FFI for fans, is a PHP extension that allows you to include with ease some externals libraries into your PHP code. That […]
Easily draw ASCII diagrams and boxes with Textik
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 →
“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 […]
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. 💡 […]
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 […]