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]; |