Combatting frost on the Chablis vineyards

To combat periods of frost during the nighttime on vineyards, cultivators make use of smudge pots to prevent the plants from being damaged by the frost. Alternatively they also sprinkle water on all plants so that they only have to endure a “light frost”. On Facebook I found this great set by photographer Titouan Rimbault …

Faking node_modules in CodePen Projects

Update 2020.11.24: with Skypack being around and CodePen suggesting to rewrite your imports, there’s no need to use this hacky workaround anymore. With CodePen Projects you have a web IDE right in your browser, with preprocessing built-in. But what about installing dependencies via the npm ecosystem? With some minimal effort it’s possible: All you need …

Apple Live Photos for JavaScript Developers

In a rather surprising move Apple has released a JavaScript library to play Live Photos on the web on NPM: Use the LivePhotosKit JS library to play Live Photos on your web pages. The JavaScript API presents the player in the form of a DOM element, much like an image or video tag, which can …

Why Rappers love Grey Poupon

When listening closely to HUMBLE. by Kendrick Lamar you can overhear him rap about “Grey Poupon”, a brand of whole-grain mustard. This reminded me of this gem by Vox unearthing the history of Grey Poupon in rap: HUMBLE. appears on the magnificent album DAMN.. If you haven’t listend to it yet, you should.

React VR – Build VR websites and interactive 360 experiences with React

React VR is a framework for the creation of VR applications that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing experiences that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React VR aims to simplify …

Phishing with Unicode Domains

When visiting a domain name containing a Unicode character that visually resembles an ASCII character, your browser will transform the Unicode characters to Punycode in the address bar to prevent homograph attacks. For example: the Cyrillic а (codepoint U+0430) totally looks like the Latin a (codepoint U+0061). When visting brаm.us (with the Cyrillic а in …

Styling React Components with “Glamorous 💄”

Glamorous 💄 is a styled-components 💅 and jsxstyle inspired solution for styling ⚛ React Components. It allows you to do stuff like this: // Create a <Title> react component that renders an <h1> which is // centered, palevioletred and sized at 1.5em const Title = glamorous.h1({ fontSize: '1.5em', textAlign: 'center', color: 'palevioletred', }) // Create …

Tilt.js – A tiny parallax tilt effect for jQuery

A tiny requestAnimationFrame powered 60+fps lightweight parallax hover tilt effect for jQuery. Might come in handy for a quick project. Also love the fact that it’s highly customizable: maxTilt: 20, perspective: 1000, // Transform perspective, the lower the more extreme the tilt gets. easing: “cubic-bezier(.03,.98,.52,.99)”, // Easing on enter/exit. scale: 1, // 2 = 200%, …