Skip to content

Instantly share code, notes, and snippets.

View chrisle's full-sized avatar
💭
probably partying...

Chris Le (TRIODE) chrisle

💭
probably partying...
View GitHub Profile
@chrisle
chrisle / groovy-text-fade-in-script.markdown
Created January 12, 2022 08:27
Groovy text fade in script
@chrisle
chrisle / groovy-text-fade-in-script.markdown
Created January 12, 2022 08:26
Groovy text fade in script
@chrisle
chrisle / index.html
Created January 12, 2022 08:24
Rotating text
<div class="text">
<p>Nachos are</p>
<p>
<span class="word wisteria">tasty.</span>
<span class="word belize">wonderful.</span>
<span class="word pomegranate">fancy.</span>
<span class="word green">beautiful.</span>
<span class="word midnight">cheap.</span>
</p>
</div>
@chrisle
chrisle / index.html
Created January 12, 2022 08:20
Title Text Animation
<section class="container">
<h1>
<span class="title">This is</span>
<span class="title">a long</span>
<span class="title">long title</span>
</h1>
<div class="button">restart</div>
</section>
@chrisle
chrisle / index.pug
Created January 9, 2022 02:38
Scrambled letters
#textContainer
@chrisle
chrisle / bouncy-type-animation.markdown
Created January 9, 2022 02:36
Bouncy type animation
@chrisle
chrisle / bouncy-type-animation.markdown
Created January 9, 2022 02:35
Bouncy type animation
/**
* To answer @AnnieCushing's question on Twitter:
* https://twitter.com/AnnieCushing/status/806518054368739329
*
* Author: Chris Le - @iamchrisle
*
* There's a few ways to do this.
* - Like @SimoAhava suggested, server redirects that strips parameters if you
* have the ability to control the server.
@chrisle
chrisle / scraper.js
Last active July 2, 2016 01:57
Scrape Billboard Hot 100 and create an array of objects
/**
* Install x-ray with: 'npm install x-ray'
* (Also see: https://github.com/lapwinglabs/x-ray)
*
* Run with: node scraper.js
*
* Result:
*
* [ { rankCurrent: '1',
* rankLast: 'Last Week: 1',
@chrisle
chrisle / designer.html
Created September 8, 2014 15:46
designer
<link rel="import" href="../chart-js/chart-js.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;