OS X Dock with bouncing animation made with pure CSS
A Pen by James Shih on CodePen.
/** | |
* iOS 7 Clock | |
*/ | |
body { | |
font-size: 12px; | |
} | |
.icon { | |
display: inline-block; |
/** | |
* iOS 7 Checkbox | |
*/ | |
.fancyChkbox { | |
border: 2px solid #e3e3e3; | |
border-radius: 1.5em; | |
background: #fff; | |
cursor: pointer; | |
display: inline-block; |
/** | |
* Styling HTML5 progress Element | |
*/ | |
progress[value] { | |
appearance: none; | |
position: relative; | |
width: 500px; | |
height: 30px; | |
} |
server { | |
listen 80; | |
server_name example.com; | |
# server_name _; # if no server name | |
root /usr/share/nginx/www/example.com/public; | |
index index.php index.html index.htm; | |
# rewrite to Phalcon bootstrap | |
try_files $uri $uri/ @rewrite; |
#!/bin/bash | |
cd /Applications | |
rm -rf BOCD_ePassUserMgr.app EnterSafe_2001_showUI.app | |
cd /Library/Application\ Support | |
rm -rf Microdone | |
cd /usr/lib | |
rm -rf libePass_BOCD_p11.sig libePass_BOCD_p11.dylib |
var http = require('http') | |
, bl = require('bl') | |
, urls = process.argv.slice(2) | |
function httpGet(url) { | |
return new Promise(function (resolve, reject) { | |
http.get(url, function (response) { | |
response.pipe(bl(function (err, data) { | |
if (err) reject(err) | |
resolve(data.toString()) |
OS X Dock with bouncing animation made with pure CSS
A Pen by James Shih on CodePen.
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>navigator.getUserMedia</title> | |
<style> | |
video.local { transform: rotateY(180deg); } | |
</style> | |
</head> | |
<body> | |
<video class="local" autoplay></video> |
{"magic":"nassh-prefs","version":1,"nassh":{},"hterm":{"default":{"background-color":"rgba(50, 65, 72, 1)","cursor-color":"rgba(101, 123, 131, 0.5)","color-palette-overrides":["#073642","#EB606B","#C3E88D","#F7EB95","#80CBC4","#FF2490","#AEDDFF","#FFFFFF"],"font-family":"'Fira Code', 'Source Code Pro', Menlo, Consolas, monospace","font-size":14,"font-smoothing":"antialiased","foreground-color":"rgba(196, 199, 209, 1)"}}} |
'use strict'; | |
(function () { | |
function $(selector) { | |
var elem = arguments.length <= 1 || arguments[1] === undefined ? document : arguments[1]; | |
return elem.querySelector(selector); | |
}; | |
function $$(selector) { | |
var elem = arguments.length <= 1 || arguments[1] === undefined ? document : arguments[1]; |