[B! CSS] freshwindのブックマーク

IDEA * IDEA

ドットインストール代表のライフハックブログ

freshwind 2011/06/17

CSS

リンク

CSS3で実装されたボタンのサンプルやチュートリアル総まとめ:phpspot開発日誌

CSS3で実装されたボタンのサンプルやチュートリアル総まとめ。当サイトでは色々とCSS3ボタンのエントリを紹介してきていますが、ここら辺でちょっとまとめてみました。画像つくるのはめんどうだしCSS3でやっちゃおうという場合に参考にしてみて下さい。立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル iPhone風のボタン実装ステップで学べるCSS3ボタンのデザインチュートリアル CSS3ボタンのデザインチュートリアル綺麗にデザインされたCSS3ボタンのまとめカラフルで美しいCSS3ボタンこれはクール！カーソルを合わせると背景がアニメーションするCSS3ボタン実装例デザインは微妙かもしれませんが、カーソルを合わせると背景が動くあたりテクニックとして覚えておくとよさそう CSS3だけで実現するクリックすると色の変わるボタン実装クリックで色が変わります。

freshwind 2011/03/09

リンク

iPhone 4 の CSS を切り替える方法

携帯電話 (Nokia, Sonye Eicsson, iPhone) やMac、写真、吉田カバン、スマートフォンサイト制作 (HTML5, CSS3) などについてのブログ iPhone 4とiPhone 3G/3GSとで、スタイルシートを切り換える方法を考えてみました。 iPhone 4のディスプレイ解像度は従来機と比べて縦横それぞれ2倍になりましたが、iPhone 4のSafariではviewportを従来どおり「width=device-width」と指定しても、320×480ピクセルの画面を2倍に拡大して表示されるため、ディスプレイ解像度の違いを考慮しなくても、従来と同様に表示できます。しかし、これでは画像にジャギーが発生してしまうので、iPhone 4を区別できないかと色々探っていたところ、JavaScript（DOM？）に「window.devicePixelRatio」と