2013年11月8日、JPタワー（東京・丸の内）で開催されたCREATE NOW / PLUS ONE DAYの「画像をなるべく使わずにWebをレイアウトするテクニック」セッションのスライドです。 http://adobe-createnow.jp/event

1. 鷹野雅弘
（スイッチ）

5. 近いところで、複眼をつかってさまざまな角度から注意深く見る

6. 高いところから俯瞰（ふかん）する目のこと

7. 水の流れや潮の満ち干、つまり、世の中の流れを敏感に感じる目
ち干、つまり、世の中の流れを敏感に感じる目

49. Nexus 4
Samsung Galaxy
S IV
Nexus 7
HTC One
Samsung Galaxy
Note II

61. #btn {
! display:block;
! width:300px;
! font-size:28px;
! font-weight:bold;
! text-align:center;
! line-height:2em;
! height:2em;
! text-decoration:none;
! border:1px solid #225588;
! color:#ffffff;
! background:#337fcc;
! border-radius:5px;
! text-shadow:0 -2px 0px #225588, 0 -2px 0px #225588;bac
! background:-webkit-gradient(linear, 100% 0%, 100% 100%
! box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rg
}
#btn:hover {
! background:-moz-linear-gradient(rgba(34,85,136,0.4), r
20 background:-webkit-gradient(linear, 100% 0%, 100% 100%
}

62. #btn {
! display:block;
! width:300px;
! font-size:28px;
! font-weight:bold;
! text-align:center;
! line-height:2em;
! height:2em;
! text-decoration:none;
! border:1px solid #225588;
! color:#ffffff;
! background:#337fcc;
! border-radius:5px;
! text-shadow:0 -2px 0px #225588, 0 -2px 0px #225588;bac
! background:-webkit-gradient(linear, 100% 0%, 100% 100%
! box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rg
}
#btn:hover {
! background:-moz-linear-gradient(rgba(34,85,136,0.4), r
20 background:-webkit-gradient(linear, 100% 0%, 100% 100%
}

68. #box {
background: rgba(51,153,204,0.5)
}

69. #box {
background: rgba(51,153,204,0.5)
}

90. .角丸長方形_1 {
}
border-radius: 10px;
background-color: rgb( 234, 104, 162 );
position: absolute;
left: 270px;
top: 194px;
width: 142px;
height: 142px;
z-index: 2;

100. 画像化

120. Web
Google Fonts
Typekit
Desktop

131. ありがとうございました。

132. ベルサール九段
2013.11.23
ネタ祭り2013
Vol.2
14のショートセッション

133. http://2843.jp/
books/nabebon/

134. swwwitch
swwwitch
takan.masahiro

135. demo data
http://bit.ly/plus1day-takano