iPhone, iPad, Macbook and iMac mockups on CSS. Smoothly transform from one to another. Minimum HTML. Pure CSS3. Webkit only.
A Pen by Arsen Zbidnyakov on CodePen.
# From | |
# | |
# $*.map{|a|(i=a=~/0/)?(v=*?1..?9).fill{|j|v-=[a[j+i-k=i%9],a[ | |
# k+j*=9],a[j%26+i-i%3-i%27+k]]}+v.map{|k|$*.<<$`<<k<<$'}:p(a)} | |
# | |
# | |
# To | |
start = Time.now | |
ARGV.map do |board| |
iPhone, iPad, Macbook and iMac mockups on CSS. Smoothly transform from one to another. Minimum HTML. Pure CSS3. Webkit only.
A Pen by Arsen Zbidnyakov on CodePen.
<form action="http://fom.io/s/fd9d" method="POST"> | |
<input type="hidden" name="utf8" value="β"> | |
<input type="text" name="name" placeholder="Name"> | |
<input type="submit" name="submit"> | |
</form> |
// Kudos to Grumdrig | |
// http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone-web-application | |
$(document).ready(function () { | |
function reorient(e) { | |
var portrait = (window.orientation % 180 == 0); | |
$("body > div").css("-webkit-transform", !portrait ? "rotate(-90deg)" : ""); | |
} | |
window.onorientationchange = reorient; | |
window.setTimeout(reorient, 0); |
class Forum | |
include Mongoid::Document | |
include Mongoid::Timestamps | |
field :posts_count, :type => Integer, :default => 0 | |
has_many_related :posts | |
end |
ZIP,LAT,LNG | |
00601,18.180555, -66.749961 | |
00602,18.361945, -67.175597 | |
00603,18.455183, -67.119887 | |
00606,18.158345, -66.932911 | |
00610,18.295366, -67.125135 | |
00612,18.402253, -66.711397 | |
00616,18.420412, -66.671979 | |
00617,18.445147, -66.559696 |
[ | |
{ | |
"id": "1", | |
"abbrev": "AL", | |
"state": "Alabama", | |
"capital": "Montgomery", | |
"lat": "32.380120", | |
"long": "-86.300629", | |
"population": "205764" | |
}, |
94102,94103,94104,94105,94107,94108,94109,94110,94111,94112,94114,94115,94116,94117,94118,94121,94122,94123,94124 | |
,94127,94129,94131,94132,94133,94134,94158 |