その場でサクッとUAを切り替える
事が出来るChromeエクステンション
User-Agent Switcherのご紹介です。
iPhoneやiPad、Androidだけでなく、
FirefoxやIEなどのブラウザにも
スイッチできます。
その場でiPhoneやAndroidのユーザーエージェントに切り替えられるChromeエクステンション・User-Agent Switcher
Media Queriesで設定したブレークポイントをJavaScriptと:after擬似要素でチェックする
便利そうだったので備忘録。Media
Queriesで設定したブレークポイント
を簡単なJSのコードでチェックする、
という方法です。CSSの:after擬似
要素を併用してチェックします。シ
ンプルで良いのでは。
jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch
jQuery UIをタッチデバイスに対応させる
ライブラリ・jQuery UI Touch Punchの
ご紹介です。いつか使うかも、と思った
ので備忘録。これを見て、そういやスマ
フォでjQuery UIを試したことが無いこと
に気が付いた次第です・・
mootoolsをベースとしたオープンソースのモバイル向けフレームワーク・Moobile
いつもjQueryなのでたまには別のライブラリ
の話題でもご紹介。mootoolsをベースとした
モバイル向けフレームワーク・Moobileです。
mooltoolsベースのものは個人的には初見です
が、他にもあるんですかね・・あまり使った
事が無いので良く分かりませんが。
スマフォのフリックにも対応しているカルーセルを実装できるJSライブラリ・inflickity
フリックに対応したカルーセルを
実装するライブラリ・inflickity
です。動きもかなり軽快ですので、
使いどころも多々ありそうです。
よくあるUIキットにも似たような
ものが含まれてますけど、こうして
単体で使えるのも欲しいところです。
li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js
シンプルで使いやすそうだったので
備忘録。Media Queriesと併用して、
ナビゲーションリンクをselect要素
に変換するjQueryのプラグインです。
圧縮版だと300バイトほどと、超軽量で、
様々なブラウザにも対応できるので
覚えておこうと思います。
CSS3による様々なエフェクトが選択可能なレスポンシブWebデザイン対応イメージスライダーを実装するjQueryプラグイン・REFINESLIDE
3Dやスライスなど、様々なアニメーション
エフェクトを使用できて、且つレスポンシブ
Webデザインにも対応可能なイメージスライ
ダーを実装できるjQueryプラグインのご
紹介。REFINESLIDEというプラグインです。
覚えておいて損は無いのでは。
著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid
シンプルで良さそうだったのでメモ。
パブリックドメインのCSSフレームワ
ークです。レスポンシブWebデザイン
にも対応していますし、グリッドレイ
アウトにも利用出来るのでなかなか
汎用性があるのでは無いかなと。
タップやピンチなど、タッチデバイス特有のイベントをサポートする2KBの軽量jQueryプラグイン・Hammer.js
タップ、ダブルタップ、ピンチや
長押しなど、タッチデバイス特有
のイベントをサポートしてくれる
JSライブラリ・Hammer.jsのご紹介。
2KBと軽量なのでいつか使うと思っ
て記事にしておきます。
![ノンデザイナーズ・デザインブック [フルカラー新装増補版]](http://ecx.images-amazon.com/images/I/41nvddaG9BL.jpg)