table要素で構成された表組のデザインを採用する際にはモバイルサイトでも成立するかどうかを先に検討するべきでしょう。 しかしそうは言ってもこのような機能比較表は都合上どうしても横に長く、項目で割って列挙されるのでモバイルサイトでは非常に難しい見せ方の一つとされています。 指でフリックして横スライドするUIもJavaScriptなどゴリゴリに書けばできないこともないのですが「対応/非対応」の場所などは、何が「対応/非対応」かわからなくなる場合があります。そうです、画面が狭いからです。
table要素で構成された表組のデザインを採用する際にはモバイルサイトでも成立するかどうかを先に検討するべきでしょう。 しかしそうは言ってもこのような機能比較表は都合上どうしても横に長く、項目で割って列挙されるのでモバイルサイトでは非常に難しい見せ方の一つとされています。 指でフリックして横スライドするUIもJavaScriptなどゴリゴリに書けばできないこともないのですが「対応/非対応」の場所などは、何が「対応/非対応」かわからなくなる場合があります。そうです、画面が狭いからです。
以前ブログにも書きましたjQuery用のプラグイン、jquery.monochromer.jsですが、ある件でこのプラグインを紹介してくださるらしく、ちょっと改良しました。 色を指定できるデモとソースのダウンロードはこちらでお願いします。 どういったものかというと、img要素にこれを適用すると画像がモノクロになるというものです。 適用方法は簡単で、jQueryを読み込んだ後このプラグインを設置し、指定するだけです。 一番シンプルなカタチ。 monochromerをデフォルトの状態で与えてください。 img要素がグレースケール化します。 本の画像にマウスを乗せるとカラーになります。 今回はイヤラシく、僕も執筆に参加した宣伝も兼ねて「Facebookページ プロフェッショナルガイド」のサムネイルを使います、ゴメンナサイ。 $(".demo01 img").monochromer(); 改良点で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く