Tag Archives: link

Render React Components directly to Sketch with React Sketch.app

AirBnB Design: Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an open-source library that allows you to write React components that render … Continue reading

Elsewhere , , Leave a comment

“Beau teaches JavaScript” — Learn JavaScript with this huge collection of free videos

Beau Carnes has released a massive collection of videos on JavaScript. My JavaScript Basics course is now live on freeCodeCamp’s YouTube channel. These videos are designed to quickly give you key information on each topic. Also, I designed them to … Continue reading

Elsewhere , , Leave a comment

How Reddit built r/Place

Each year for April Fools’, rather than a prank, we like to create a project that explores the way that humans interact at large scales. This year we came up with Place, a collaborative canvas on which a single user … Continue reading

Elsewhere , , , , Leave a comment

Typical display: flow-root; use case

Good display: flow-root; use case by Paul Bakaus: flow-root establishes a new block formatting context, but most have dismissed it as simply replacing clearfix hacks. But consider this extremely common case, where you have a few paragraphs of text, some … Continue reading

Elsewhere , , 2 Comments

Faking node_modules in CodePen Projects

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 to do is make a folder called … Continue reading

Elsewhere , , Leave a comment

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 … Continue reading

Elsewhere , , , Leave a comment

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 … Continue reading

Elsewhere , , , Leave a comment

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 … Continue reading

Elsewhere , , Leave a comment

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 … Continue reading

Elsewhere , , Leave a comment

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 … Continue reading

Elsewhere , , , Leave a comment