A web component that create a CSS-only floating label for input
tags
The syntax for generating a float-label input is as follows:
Client and servers are run on independent machines. Each one has the following.
OS: Ubuntu
Kernel: 3.14.5-031405
RAM: 24GB
CPU: 2 sockets, each socket has a quad core 2.5ghz processor.
Processor topology: https://gist.github.com/kellabyte/8546939
After publishing my article on ECMAScript 6, some have reached out to ask how I exactly I make it all work.
I refrained from including these details on the original post because they're subject to immiment obsoletion. These tools are changing and evolving quickly, and some of these instructions are likely to become outdated in the coming months or even weeks.
When evaluating the available transpilers, I decided to use 6to5, which has recently been renamed to Babel. I chose it based on:
# pulled from http://xecdesign.com/qemu-emulating-raspberry-pi-the-easy-way/ | |
# expanded via http://superuser.com/questions/690060/how-to-enable-network-with-a-raspberry-pi-emulated-on-qemu | |
# tested with 2015-02-16-raspbian-wheezy.zip on OSX Mavericks | |
# OSX terminal | |
brew install qemu | |
# kernel-qemu is a linux kernel compiled with ARM1176 support. | |
# learn more here: http://xecdesign.com/compiling-a-kernel/ | |
curl -OL http://xecdesign.com/downloads/linux-qemu/kernel-qemu | |
curl -o raspbian_latest.zip -L http://downloads.raspberrypi.org/raspbian_latest |
{ | |
"name": "rsms dark v2 mono", | |
"author": "rsms", | |
"variables": { | |
"red": "hsl(5, 0%, 50%)", | |
"orange": "hsl(27, 0%, 50%)", | |
"yellow": "hsl(60, 0%, 50%)", | |
"green": "hsl(150, 0%, 43%)", | |
"cyan": "hsl(180, 0%, 50%)", | |
"blue": "hsl(210, 0%, 50%)", |