An extensive 5-part tutorial by the Apollo folks, using their own Apollo Client to communicate with the GraphQL Server: Despite the great advantages of using GraphQL [over REST], the first step can be a bit daunting. That’s why I’ve started writing a series of tutorials that take you step by step through building a full-stack …
Tag Archives: link
Service Worker Gotchas
Clippy – CSS clip-path Maker
Handy tool to creating shapes to use with the clip-path CSS property. Comes with some easy to use predefined shapes. The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. See the previously linked CSS Shapes, …
SlingStudio – Portable, Wireless Live Video Production
Color me impressed: SlingStudio is the integrated solution for creating and sharing professional-quality content. Connect all of your video sources – including professional cameras and smartphones – to SlingStudio’s video-grade Wi-Fi network for synchronizing and broadcasting live video. SlingStudio’s portability and robust wireless technology allow you to monitor, record, switch, edit and live-broadcast your multi-camera …
Continue reading “SlingStudio – Portable, Wireless Live Video Production”
Connect multiple mobile screens together with Swip.js
What if all your mobile devices were a single screen? This probably isn’t the most common question to ask yourself. But, just for a second, actually think about it. Think about all the possibilities of being able to combine any kind of mobile device, independent of its operating system. That’s what Swip.js does. Place two …
Continue reading “Connect multiple mobile screens together with Swip.js“
Opera 46 and Chrome 59 now support APNG (Animated PNG)
This part of the Opera 46 release notes got me very excited: Opera now supports animated PNG, or APNG for short. APNG is a file format that works similarly to GIF. The difference is that APNG is smaller and supports both 24-bit images and 8-bit transparency. Ever since APNG landed in Firefox (10 years ago …
Continue reading “Opera 46 and Chrome 59 now support APNG (Animated PNG)”
Smooth SVG Path Morphing with flubber
The goal of this library is to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation, without overthinking it. Installation per npm: npm install flubber Note that flubber only calculates the interpolated data: import { interpolate } from “flubber”; const triangle = “M1,1 L2,1 …
Learning Vue
react-datasheet, an Excel-like Datagrid Component for React
A simple react component to create a spreadsheet: Select cells, copy-paste cells Navigation using keyboard keys Deletion using keyboard keys Callbacks for onChange, valueRenderer(visible data) dataRenderer(underlying data in the input, takes the value by default) Installation per npm, of course: npm install react-datasheet –save Cells can have both a value and an expression (the underlying …
Continue reading “react-datasheet, an Excel-like Datagrid Component for React”
Exploring interdependencies in global resource trade
The volume of natural resources traded globally has increased over 60% since the turn of the century, reflecting and reinforcing new economic and geopolitical realities and bringing new environmental and social challenges – as well as opportunities. Now everyone can explore these fast-evolving dynamics through Chatham House’s comprehensive and accessible data and insights into resource …
Continue reading “Exploring interdependencies in global resource trade”