macky1207のブックマーク - はてなブックマーク

HTC J Butterfly のスクリーン情報 - {u:b}
買ったので確認してみた。 http://pieroxy.net/blog/2012/10/18/media_features_of_the_most_common_devices.html ここで確認。画面サイズは 1920x1080 (440ppi) の約5インチ。ブラウザは Chrome 18.0.1025.166 (Webkit/535.19) で試した。 device-width: 360px / 95mm / 22em device-height: 640px / 169mm / 40em -webkit-device-pixel-ratio: 3 color: 8 ちなみに標準ブラウザだと color: 32 になった。
macky1207 2012/12/10
android

HTC J Butterfly
リンク
もうチュートリアル記事には -webkit-gradient() 書かなくてもいいんじゃないかな - {u:b}
Webkit 系の主要ブラウザがサポートする CSS グラデーションの構文の話です。 -webkit-gradient(linear[radial], ...) Google Chrome 4.0〜9.0 Safari 4.0〜5.0 iOS Safari 4.0.4〜5.0 (iOS 3.2〜4.2.1) Android 2.1〜3.0 -webkit-linear[radial]-gradient(...) Google Chrome 10.0〜 Safari 5.1〜 iOS Safari 5.1〜 (iOS 5.0〜) Android 4.0〜 http://caniuse.com/css-gradients Chrome 10 が出たのは2011年3月9日 Safari 5.1 が出たのは2011年7月20日 iOS 5 が出たのは2011年10月12日最初の Android
macky1207 2012/05/09
css3

css
リンク
画像置換のあれ - {u:b}
元記事 http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ 紹介記事 http://coliss.com/articles/build-websites/operation/css/css-hack-new-image-eplacement-by-zeldman.html 元記事の最後にこういう文があります。 Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1. で、元記事に寄せられた Paul Irish によるコメント。 Over at the HTML5 Boilerplate project we
macky1207 2012/04/17
ipad

boilerplate

html5

performance

HTML
リンク
cubic-bezier ジェネレータのリンク - {u:b}
使いやすいと思った順に並べてます。 Ceaser - CSS Easing Animation Tool - Matthew Lein http://matthewlein.com/ceaser/ cubic-bezier.com http://cubic-bezier.com/ Visualize and manipulate CSS transition functions http://cssglue.com/cubic CSS cubic-bezier Builder http://www.roblaplaca.com/examples/bezierBuilder/ Cubic Bezier Timing Function http://www.netzgesta.de/dev/cubic-bezier-timing-function.html Bezier control htt
macky1207 2011/10/05
generator

CSS

cubic-bezier
リンク
1