土曜日なので軽い話題。天気
アイコン型のWebフォントです。
スマートフォンのアプリ向け
に作られたみたいです。見た目
が可愛いのでアプリ以外にも
何かに利用したいですね。
Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font
その場でiPhoneやAndroidのユーザーエージェントに切り替えられるChromeエクステンション・User-Agent Switcher
その場でサクッとUAを切り替える
事が出来るChromeエクステンション
User-Agent Switcherのご紹介です。
iPhoneやiPad、Androidだけでなく、
FirefoxやIEなどのブラウザにも
スイッチできます。
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ベースのものは個人的には初見です
が、他にもあるんですかね・・あまり使った
事が無いので良く分かりませんが。
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー
JSを使わず、CSSのみでドロップダウン
メニューとアコーディオンメニューを
特定のブレークポイントで切り替える
レスポンシブWebデザイン対応のグロー
バルメニューのサンプルです。これは
なかなか良いのでは。
スマフォのフリックにも対応しているカルーセルを実装できるJSライブラリ・inflickity
フリックに対応したカルーセルを
実装するライブラリ・inflickity
です。動きもかなり軽快ですので、
使いどころも多々ありそうです。
よくあるUIキットにも似たような
ものが含まれてますけど、こうして
単体で使えるのも欲しいところです。
li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js
シンプルで使いやすそうだったので
備忘録。Media Queriesと併用して、
ナビゲーションリンクをselect要素
に変換するjQueryのプラグインです。
圧縮版だと300バイトほどと、超軽量で、
様々なブラウザにも対応できるので
覚えておこうと思います。
著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid
シンプルで良さそうだったのでメモ。
パブリックドメインのCSSフレームワ
ークです。レスポンシブWebデザイン
にも対応していますし、グリッドレイ
アウトにも利用出来るのでなかなか
汎用性があるのでは無いかなと。
![ノンデザイナーズ・デザインブック [フルカラー新装増補版]](http://ecx.images-amazon.com/images/I/41nvddaG9BL.jpg)