[jQuery Mobile] Paginationプラグイン

2011 年 12 月 19 日

jQuery Mobile用プラグインの “jQuery Mobile Pagination Plugin” を試してみました。

これは、スライドショー式の「前/次」型ページを作るのに適したプラグインです。ざっと、次のようなことが出来るようです。

  • ページ移動用に左右矢印のついたインターフェースを簡単に実装
  • 前後のページは自動的にプリロード
  • 画面のスワイプでページを切り替えられる
  • キーボードによる左右矢印でもページ切り替え可能

さっそく、簡単な実装方法とデモを用意してみました。 continue reading… «[jQuery Mobile] Paginationプラグイン»

Tags:, Posted in jQuery Mobile,PluginsLeave a Comment

[jQuery Mobile] 日本語リファレンス1.0に更新

かなり更新を怠けていたjQuery Mobile日本語リファレンスですが、正式版がリリースされたのを機に一気にリニューアルしました(とはいえ、デザイン的にはむしろ独自部分を減らして公式の丸コピにしたイメージですが)。

jQuery Mobile 1.0 日本語リファレンス

アルファ版からは当然ながら大きく変わっていて、特にAPI関連は、まったくの別物。放置していて申し訳ありませんでした。 continue reading… «[jQuery Mobile] 日本語リファレンス1.0に更新»

Tags: Posted in Javascript,jQuery MobileLeave a Comment

[jQuery Mobile] ベータ2 リリースノート

2011 年 8 月 5 日

公開されたので、例によって公式のをザクッと。

ベータ2のリリース内容

今回のリリースでは、ライブラリに大幅な向上があります。

  • ウィジェットの切り離しによって、必要なコンポーネントだけを選択取り込み可能に
  • DOMキャッシュ機能により、メモリ使用量の低減
  • ページのプリキャッシュ・オプション
  • ページ構造が柔軟に
  • チェックボックス、ラジオボタンのデザイン向上
  • JavaScriptによる動的ページを作る場合の拡張機能追加

ベータ1リリースから5週間の尽力で、正式版リリースに大きく前進しています。
continue reading… «[jQuery Mobile] ベータ2 リリースノート»

Tags: Posted in JavascriptLeave a Comment

jQuery Mobile 日本語リファレンス

2011 年 4 月 7 日

久しぶりにリファレンスの日本語化など。今月中にはアルファ期間を終えてベータリリースされる予定の、jQuery Mobileです。

jQuery Mobile 日本語マニュアル

jQuery MobileはjQueryコアベースのモバイル端末用フレームワークですが、触ってみてもらえるとわかるようにJava Scriptのコーディングが必要な部分は、ほとんどありません。マークアップを基本に、jQuery Mobileが data- で始まる属性値を探してプラグイン化していくスタイルで、昔自分が作った jGlycy と基本的な発想は同じ。HTML5で data- 属性が使えるようになったことで、きっちり採用になりました。 continue reading… «jQuery Mobile 日本語リファレンス»

Tags: Posted in JavascriptLeave a Comment

[Design] Responsive Layoutを学ぶ(2)

2011 年 2 月 17 日

前回で、レスポンシブなデザインがつまりどういうものであるかと、その基本技術であるメディア・クエリーについて見てきました。

簡単におさらいしておくと、次のようなページを
フレキシブル・グリッド・バージョン (A List Apart)
最終的には、次のようなレスポンシブ・レイアウトに
レスポンシブ・レイアウト・バージョン (A List Apart)
仕上げようという試みです。
continue reading… «[Design] Responsive Layoutを学ぶ(2)»

Tags: Posted in WebLeave a Comment

[Design] Responsive Layoutを学ぶ(1)

2011 年 2 月 16 日

PCとスマートフォン両対応ページを作っていると、避けて通れないのがレイアウトの問題。昨年サンフランシスコのAdobe Maxで紹介していたResponsive Layoutが良いんだろうと思って調べたのですが、なかなか日本語でまとまった資料が見つからず。

どうも「Responsive Layout」を日本で何と呼んでいるか分からず、だから見つからないのだと思うのですが。海外にすごく良い記事があったので、こちらのサンプルを用いながら、自分用にまとめておきます。

なお、サンプルは元記事のものへのリンクですが、本文は自分のざっとの理解で書いていますので、翻訳にはなっていません。ご了承ください。
continue reading… «[Design] Responsive Layoutを学ぶ(1)»

Tags:, Posted in Web2 Comments

[Prezi] 日本語マニュアル公開

2010 年 4 月 8 日

最近使う機会の増えているプレゼン作成ツール Prezi のチュートリアル(Preziアカデミー)とマニュアルを、公式に許可を得て日本語化してみました。

Prezi日本語マニュアル

Preziは、無料で使える新しいタイプのプレゼン作成ツールです。PowerPointとは発想が異なり、プレゼン全体を一枚の大きな模造紙のように見立てて、その中を移動して行くようなイメージです。
continue reading… «[Prezi] 日本語マニュアル公開»

Tags: Posted in Prezi1 Comment

[Tuitter] Twitterのプロフィール設定変更機能を追加

2010 年 3 月 29 日

Tuitterに要望をいただき、プロフィール設定の変更機能を追加しました。

Tuitter_Account

名前や所在地などの設定、アイコン、プロフィール画面のデザイン変更などをプログラムから行うことが出来ます。
continue reading… «[Tuitter] Twitterのプロフィール設定変更機能を追加»

Tags:,, Posted in TuitterLeave a Comment

[Tuitter] OAuth認証機能を追加

2010 年 3 月 17 日

少し手が空いたので、以前より要望のあった Tuitter/TuiBotter の OAuth 対応をやってみました。

TuitterをOAuthで使う
TuiBotter環境設定

あまり難しく考えないで、サクッと。おかげで外部ライブラリが結構な環境依存になってしまいましたが。
continue reading… «[Tuitter] OAuth認証機能を追加»

Tags:,,, Posted in TuiBotter,TuitterLeave a Comment

[Chrome Extension] QuickSilver風の拡張機能

2010 年 1 月 29 日

ギャラリーにうまくアップロード出来なかった拡張機能ですが、グループの方で教えていただいたおかげで解決しました。messages.jsonをBOM付きUTF-8で保存していたためということで、大変助かりました。というわけで、ようやくの(ほぼ)処女作です。

Mandlin – QuickSilver風 ウェブナビゲーションツール

continue reading… «[Chrome Extension] QuickSilver風の拡張機能»

Tags:, Posted in Chrome ExtensionLeave a Comment