Kai Smith proxymoron
| <body onload="textType();"> | |
| <!-- spaces = delay --> | |
| <div id="wrapper"> | |
| <div id="inputString">*initiating*\ \ \WEYLAND YUTANI BIOS v5.6.3323 \\\*initiating AI*\ \ \welcome employee 254-22-A7\\\*initiating scan*\\scanning....\ \ \*scan complete* \\ i don't want to alarm you but there appears to be some kind of life-form outside\ \ wait...\\scanning....\ | |
| \ \make that life-forms. \ multiple signatures (137) \ wow, there's quite a few of these things, actually. \\looks like the same type that ate the rest of the crew...\\well then.... \ \you're screwed\ \*powering down*</div> | |
| <div id="letterContainer"> | |
| <div id="begin" class="letter"></div> | |
| <div id="cursor" class="letter">_</div> | |
| </div> | |
| <div class="screenDist"></div> |
A Pen by Dan Rosenthal on CodePen.
I saw a tweet from a friend that showcased Florian de Looij's amazing gif work (http://bit.ly/1RMSdD6). Inspired by Escher who happens to be a top favorite artist of mine, I thought it would be fun to try and code his gif in just HTML5 and CSS3 only.
Here you'll see just that. No images whatsoever, just code.
A Pen by Zachary Price on CodePen.
Just a fun experiment with CSS3 and JS to achieve an interactive feedback form that has some personality.
A Pen by Brady Sammons on CodePen.
A simple script that displays an input's placeholder text with a 'human' typing effect.
A Pen by Michael Smart on CodePen.
Validate forms at the right time, using browser's native api.
A Pen by Gabin Aureche on CodePen.
It never ends
A Pen by Chris Gannon on CodePen.
A Pen by Andreas Storm on CodePen.