React Canvas — render React components to canvas

React.js is known for its virtual DOM, but as Facebook’s software engineer Bill Fisher said, the virtual DOM is only an implementation detail.

Last week we saw Facebook releasing React Native, which renders native OS components instead of DOM elements. Today Flipboard released React Canvas, a high performance React renderer for <canvas>.

Continue reading React Canvas — render React components to canvas

Hint.css — pure CSS tooltips

While browsers have built-in support for tooltips, which can be added by setting the title attribute, unfortunately, such tooltips don’t look good and have a long delay before they appear. There are many JavaScript libraries for better looking and better behaving tooltips, for example, Bootstrap includes one. It turns out, though, that you can implement them with CSS alone, and that’s what Hint.css does.

Continue reading Hint.css — pure CSS tooltips

goquery: jQuery-style HTML manipulation in Go

Writing HTML document handling code with parsers is pretty hard. Even plain DOM tree walking can make your code look like spaghetti. That is why libraries like jQuery are popular: they make it easy to do queries and all sorts of other manipulations with HTML documents.

goquery is like jQuery, but in Go.

Continue reading goquery: jQuery-style HTML manipulation in Go

miniz — fast single-file ZIP implementation in C

I have an unhealthy obsession with one-file implementations of useful things in C, which you can just drop into your project and use without configuring libraries with dozens of files. Miniz is one such project: it is a single 225 KB miniz.c, which contains a zlib replacement plus functions to read/write ZIP files.

Continue reading miniz — fast single-file ZIP implementation in C

snabbt.js — minimalistic JavaScript animation library

Snabbt.js is a new simple and fast JavaScript animation library. It is minimalistic — 4 KB (minimized and gzipped) — and according to its author, focuses on “things that modern browsers can animate cheaply: transforms and opacity”. Snabbt uses CSS3 transforms for animation.

Continue reading snabbt.js — minimalistic JavaScript animation library