lostintangent

dynamic 3D confetti text

Trying to get more comfortable with 3D since I don't really venture beyond the second dimension outside of having to do so for work. Why not do my favourite canvas getImageData trick with Three.js? Using the pretty colors and flat-shaded style as seen in @Yakudoo's pens

window resize is totally busted right now ¯_(ツ)_/¯ so you'll have to refresh if you resize

A Pen by Rachel Smith on CodePen.

lostintangent

<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>
<div class="snow"></div>

lostintangent

<!-- vue root -->
<div id="app" v-cloak>

<!-- fixed header -->
<header class="header-wrap">
  <div class="header-row flex-row flex-middle flex-space">
    <div class="if-small">
      <div class="form-input dark">
        <div class="push-right">🔎</div>
        <input type="text" v-model="search" placeholder="Search token..." />

lostintangent

{
  "scripts": [
    "react",
    "react-dom"
  ],
  "styles": [
    "font-awesome"
  ]
}

lostintangent

Deep Sea Trench

This is demo compo posted on Tokyo Demo Fest 2018. https://github.com/r21nomi/TokyoDemoFest2018

A Pen by r21nomi on CodePen.

License.

lostintangent

CreateJS: Infinite Irish Remix

Happy St. Paddy's!

A Pen by Lanny on CodePen.

License.

lostintangent

<!-- See JS -->
<div>Tap for slow mo</div>

lostintangent

<img src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/108463/jake-weirick-Q_RBVFFXR_g-unsplash.jpg' alt=''>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="2555.1px" height="1443.7px" viewBox="0 0 2555.1 1443.7" style="enable-background:new 0 0 2555.1 1443.7;"
	 xml:space="preserve">
<defs>
</defs>
<g id="three">
	<g>

lostintangent

1: Intro

Welcome to the interactive tutorial on how to use side-effect "operators" in MobX! Over the course of the next three samples, you'll learn (and be able to explore) exactly how autorun, when and reaction work, and when/why you would use them when building reactive applications.

lostintangent

This is my first D3 map showing my travel across the US. This visualization was built by modifying choropleth example code by Scott Murray, tooltip example code by Malcolm Maclean, and legend code example by Mike Bostock