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 …
Author Archives: Bramus!
Faking
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 …
Continue reading “Apple Live Photos for JavaScript Developers”
Cassius ft. Cat Power Pharell Williams – Go Up
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 …
Continue reading “React VR – Build VR websites and interactive 360 experiences with React”
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 …
Forest Swords – Arms Out
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 …
Continue reading “Styling React Components with “Glamorous 💄””
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%, …
Continue reading “Tilt.js – A tiny parallax tilt effect for jQuery”
AutoDraw: Fast Drawing for Everyone
After Quickdraw a few months ago – in which A.I. guesses what you are doodling – now comes AutoDraw from Google. AutoDraw is a new kind of drawing tool. It pairs machine learning with drawings from talented artists to help everyone create anything visual, fast. AutoDraw’s suggestion tool uses the same technology used in QuickDraw, …