ここ何日かずっとレスポンシブWebデザイン
のネタが続きますが・・便利なブックマーク
レットです。閲覧中のWEBサイトをiPhoneや
iPadの幅で見たときの表示状態で確認出来る
ブックマークレットです。というか単純に
リサイズしてくれる、ってやつですね。
その場でサクッとiPhoneやiPad等の幅でWebサイトの表示確認が出来るレスポンシブWebデザインの補助用ブックマークレット・Resizer
簡単なjQueryコードで動く、レスポンシブWebデザイン対応のカルーセルを実装する為の雛形っぽいやつを作成してみる
レスポンシブWebデザインに対応できる
コンテンツスライダーのようなものの
雛形のようなものが欲しかったので、
自分で作成しました。テンプレなので
他の配布スクリプトのように親切な
設計じゃないですけど・・
「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path
過去に何度か出ている、スクロールに応じて
要素がユニークな動きをするプレゼンを実装
出来るjQueryプラグイン。今日のプラグイン
は、Photoshopやイラレなんかでお馴染みの
ペンツールによるパスを定義できる、という
もので、滑らかな曲線を描いて動作してくれ
ます。
どんな要素でも全画面表示に出来るFullscreen APIをブログの記事に使ってみる ※動作サンプル有
どんな要素でも全画面表示に出来る
Fullscreen APIというものがありま
して、主に動画で使われている事が
多いですが、今回はブログコンテン
ツのリーダビリティに貢献させる
目的で使って見ます。
HTML5製のWebサイト向けUIフレームワーク・Kendo UIモバイル版の日本語サンプル作った
以前ご紹介した、HTML5製のWebサイト
向けUIフレームワーク・Kendo UIの
モバイル版に触ってみたついでに
日本語化してサンプルにしました。
まだベータ版みたいなので、実用
段階では無さそうですが。
ページ内に「しおり」を付けられるシンプルなjQueryプラグイン・youRhereで「後で読む」ユーザーに配慮する
便利そうだったのでご紹介。ページ内に栞
を付けられるjQueryプラグインです。栞は
行単位で付けられて、次アクセス時には自動
でスクロールしてくれます。長文コンテンツ
やドキュメントサイトなんかには積極的に
導入して欲しいなぁ、と感じましたよ。
連続した要素を分割してページネーションを実装、移動時にエフェクトを加えるjQueryプラグイン・jPages
ちょっと珍しいタイプでしたので備忘録。
連続した要素を、指定した数に達したら
分割して、ページネーションを自動で
生成し、移動時にエフェクトが加わえる、
というもの。大量のリストをコンパクト
に、という方に向いてそうですね。
[書評]jQuery Mobile スマートフォンサイト デザイン入門
ASCII様よりご献本頂きました。書評を
持って御礼とさせていただきます。よ
うやく正式版がリリースされたjQuery
Mobileですが、まだまだ実践向けの
情報の書かれたブログ記事なども少な
いですが、こちらはかなり実践向けです。
jQueryによる背景のスライドショーを手軽に実装出来るWordPressプラグイン・Site Background Slider
Webサイトの背景に画像をいっぱいに
広げて、jQueryでスライドショー化、
というのを手軽に実装出来るWordPress
のプラグインです。jQueryとWPでよく
困ってる方を見かけますのでプラグイン
に頼るのも手かなと思います。
![ノンデザイナーズ・デザインブック [フルカラー新装増補版]](http://ecx.images-amazon.com/images/I/41nvddaG9BL.jpg)