[CSS]Retinaディスプレイを考慮したCSSスプライトの実装方法 | コリス

2012/08/02 162 users コリス CSSスプライト Retinaディスプレイ CSS

新しいiPad, iPhone4, MacBook Proなどに採用されているRetinaディスプレイを考慮したCSSスプライトの実装方法を紹介します。 Using CSS Sprites to optimize your website for Retina Displays CSSスプライトとは複数のアイテムを一枚の画像に配置し、background-imageで表示する範囲を指定するテクニッ... 続きを読む

Google＋のフォトスタックを実現するjQuery＆CSS3のサンプル:phpspot開発日誌

2011/09/01 34 users phpspot開発日誌 jQuery＆CSS サンプル デモ

Google Plus Photo stack animation using Jquery and CSS3 Google＋のフォトスタックを実現するjQuery＆CSS3のサンプル カーソルを合わせるとアニメーションをしながら展開されるフォトスタックを実現するチュートリアルとデモがダウンロード可能です。 写真の一覧をオシャレに出したいような場合に使えます。 デモページはこちら こうしたテクニッ... 続きを読む

味気ないサムネイルリストをCSS3で回転させてオシャレにするチュートリアル:phpspot開発日誌

2011/08/09 54 users チュートリアル phpspot開発日誌 オシャレ CSS3

Perfectly Rotate and Mask Thumbnails With CSS3 | Webdesigntuts 味気ないサムネイルリストをCSS3で回転させてオシャレにするチュートリアル。 単に画像を並べるよりも、斜めにしたほうがクールな感じを出せたりしますが、それをCSS3をつかっていい感じにするチュートリアルです ビフォア・アフターを見れば一目瞭然です。なかなか使えそうなテクニッ... 続きを読む