Skip to content

Instantly share code, notes, and snippets.

@proxymoron
proxymoron / hairy rainbow text - pixi.js.markdown
Created July 24, 2015 14:53
hairy rainbow text - pixi.js
@proxymoron
proxymoron / hairy rainbow text - pixi.js.markdown
Created July 24, 2015 14:53
hairy rainbow text - pixi.js
@proxymoron
proxymoron / index.html
Created July 24, 2015 14:53
input masking
<!-- see https://github.com/estelle/input-masking/ for a detailed explanation--><ul>
<li>
<label for="expiration">Credit Card Expiration Month</label>
<input id="expiration" type="tel" placeholder="MM/YY" class="masked" pattern="(1[0-2]|0[1-9])\/\d\d" data-valid-example="11/18" title="2-digit month and 2-digit year greater than 01/15">
</li>
<li>
<label for="zip">Zip Code</label>
<input id="zip" type="tel" name="zipcode" placeholder="XXXXX" pattern="\d{5}" class="masked" title="5-digit zip code">
</li>

Flat Login Form 3.0

Flat Login Form version 3.0 has been recreated from the ground up as apart of my full blown UI Kit project. Everything has been converted to Jade & SCSS. A lot of properties have been removed, as well as unneeded prefixes.

Update Log

Created Nov. 14, 2014

Material Login Form

Interactive Material Design Login Form.

This could be a lot more smoother, which is why I'll be updating it sometime this week when I have free time. However, here's the first version of it.

Close button should function properly now.

Design by Boris Borisov @ MaterialUp http://www.materialup.com/posts/compact-login