jqueryでタッチ系イベントを実装できるプラグイン「Hammer.js」と「TouchSwipe」
デスクトップ用に作られたサイトやアプリをCSSやらjsを駆使して見た目だけレスポンシブ対応しても、結局動作もタッチ系のイベントに対応ってのがよくある話・・・。 そんな時に役立つプラグインを2つ。 2つとも基本的にプラグイ […]
Tag Archives: iPhone
iOS5,6,7のブックマークアイコンのサイズをまとめたPhotoshopデータとhtmlのアイコン設定方法
iOS7がリリースされてiPhone/iPadのホーム画面に追加するブックマークアイコンのサイズが増えたのでPhotoshopのテンプレ作りました。まぁテクノロージーの進化なので仕方のないことなのはわかっていても、こうい […]
CSSメディアクエリーでレスポンシブ化。iOS端末（iPhone/iPad）等を画面サイズ別にスタイリングする
スマホやタブレットの普及で画面サイズによってスタイルの変更をするレスポンシブデザインが注目されていて、コンテンツによっては初めからスマホを重点においたUIを作って後からPCにも最適化するモバイルファーストなんてのもあった […]
WordPressでスマートフォンのUserAgentの判定&分岐
WordPressでスマートフォンの判定&分岐させる方法。 コチラのサイトにとてもわかりやすく説明されています。 finctions.phpにコードを追加して端末の設定。守備範囲にする端末が増えれたら追加。 f […]
ブラウザ別のCSSハック
IE6以下 IE7 IE6, IE7 IE8 IE7, IE8 IE6以外 IE6, IE7以外 IE6〜IE8以外 モダンブラウザ Firefox Firefox 3.0以上 Safari 2-3 Safari 2 – […]