ユーザビリティ

WordPress:「IE6はもういいだろ」って思うけど、諸事情で切れない時はプラグインでIE6だけテーマを切り替える

少し前に気になった事があって、自分の中で少し解決したのでメモがてらシェアしてみようと思います。IE6の件。もうユーザー数も少ないし、切らないにしてもアップデートを促せばいいじゃないか、という意見が殆どですし、もちろん同感です。

テーブル内の行やセルなどの要素をドラッグ&ドロップで自由に配置できるスクリプト・REDIPS.drag

テーブル内で自由に要素を配置できる スクリプト・REDIPS.dragのご紹介です。 セル内のdiv要素をドラッグドロップで他 のセルに配置しなおしたり、行ごと順番 を変えることも出来ます。クロスブラウザ で動作します。

ツールチップも出せるニュースティッカー用jQueryプラグイン・Dynamic News

なかなかユニークだったのでメモ的に。 進める、戻る機能の付いたニューステ ィッカーを実装するjQueryプラグインで、 ツールチップもついでに出してくれます。 省スペースで情報を凝縮できるのは なかなかいいですね。
Ads

ページ内のパンくず的なものを実装するjQueryプラグイン・Sausage

うまく説明出来ないんですがページ内の 右端にパンくずっぽいページ内リンクを 作成するjQueryプラグイン・Sausage。 視覚的に分かりやすくなり、コンテンツ内に 目次のようなものを置く必要も無くなります。 縦に長いページにせ...

ユーザーが簡単にフィードバック出来るようにするTwitter投稿ボタンをjQueryで作る

Twitterの利用法の一つとしてユニーク なモノがあったので備忘録的にご紹介。 Twitterを簡易的なフィードバックツール にしてしまおう、という内容。今まで通り Twitterに投稿するボタンに、感想を加え るようにします。

YoutubeのAPIとjQueryを使って動画をインクリメンタルサーチする

便利に感じたのでメモ。Youtubeの 動画を検索キーワードを入れただけ で瞬時に結果を表示させる、という、 インクリメンタルサーチをjQueryで 実装するというもの。検索には YoutubeAPIを使用します。

[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする

現在見ているテーブルのセルが分かりやすいようにマウスオーバーで縦と横のセルをハイライトするようにするTipsです。css3の:nth-child() 疑似クラスを、jQueryを使用してクロスブラウザに対応させます。

国別・ブラウザ別でも計測出来るWebサイト表示スピード調査ツール・loads.in

よくあるWebサイトが表示されるまでの 時間を計測するツールですが、ブラウザ 別でも図れるのは珍しい気がするので 備忘録的にご紹介。大抵はFirebugで 事足りそうですけど、なかなかシンプル で便利そうなので覚えておいても損は ...

WordPressを、TwitterやFacebook、Googleなどのアカウントでログイン可能にするプラグイン・Make Your Site Social

WordPressをOpneID対応にする プラグイン・Make Your Site Social のご紹介です。世界中の様々な ソーシャルサービスのアカウントを OpenIDとして提供するGigyaを WordPressに適応さ...

複数選択するフォームのselectを見やすく使いやすくするjQueryプラグイン・jQuery UI Multiselect

良さ気だったので備忘録として。フォーム のselectで複数選択可能にする事もある と思いますが、これを見やすく、また、直感 で使いやすくする為のjQueryプラグイン。 IE6や7でも普通に動いてくれますので、 いろいろと使いど...

要素にフィルターを掛けたり、ソート出来るjQueryプラグイン・Isotope

たまたま見つけたjQueryプラグインの 動きが凄かったので反射的にご紹介。 このブログでも何度かご紹介している 要素にフィルターを掛けたり、ソートして くれる、というjQueryプラグインなのです が、なかなか高機能ですよ。ぜひ...

WordPressのアーカイブをテレビ番組表っぽいレイアウトで表示するプラグイン・Snazzy Archives

題名がやや謎ですが・・・ブログの過去 記事を、新聞のテレビ番組表のような レイアウトで表示するWPプラグインです。 アーカイブをじっくり探せるように、見や すいレイアウトにするのはコンテンツに よっては大きなユーザビリティとなりそ...

日本のWebサイトの404ページデザインいろいろ+α

気になって探したのですが、ググッても 9割は海外のデザインだったので、日本 の素敵な404ページを探してみました。 時間の関係でさほど数を揃える事が出来 ませんでしたが、少しでも参考になれば 幸いです。

サムネイル付きで関連ポストを実装してくれるWordPressプラグイン・Wp-Thumbie

なかなか便利なプラグインでしたので ご紹介します。サムネイル付きで関連 記事を実装してくれるプラグインです。 方法はいくらでもあるのですが、カスタ マイズ出来ない、という方も多いと思い ますので、プラグインで実装出来れば 楽です...

色々な国産iPhoneアプリを開発者が詳しく説明してくれているポートフォリオサイト・「アプコレ!」

ご連絡頂いて初見だったのでご紹介。 iPhoneアプリを紹介してくれるサイト ですが、アプリ開発者が自ら投稿する 形式なので自然と国産が集まるみたい ですよ。そのアプリを一番理解している 開発者さんが解説してくれるのでアプリ の...

配色のアクセシビリティチェックを手軽に行えるシンプルなカラーツール・Contrast-A

Web制作を行う前の配色チェック に手軽で良さそうでしたので備忘録 がてら記事にします。コントラストが 十分かどうか、などその配色がアク セシビリティガイドラインに沿ってい るかを示してくれるツールです。 Webツールとソフトウ...

シンプルな地図系jQueryプラグイン・ jQuery Plugin for Zoomable

地図系のjQueryプラグインを諸事情 で探していたので、ついでに見かけた 良さそうなプラグインを備忘録的にメモ。 Zoomableというプラグインです。 一部地域をグループ化して、グループ をズームさせる、というシンプルなもの。...

Facebookのように検索ボックスにアイコンつきのサジェスチョンを実装するjQuery

Facebookの検索ボックスは結構 便利で、キーワードを入れるだけ で出てくれるサジェスチョンにアイ コンも入れてくれるんですが、そ んな検索ボックスを実装する jQueryのご紹介。

iPhoneやAndroidなどのモバイルアプリ紹介用Webサイトのテンプレートがなかなか良さそう

アプリ紹介サイト

開発してるけどデザインは苦手、 というモバイルアプリ開発者向け にアプリ紹介用のテンプレートが 公開されていましたよ。なかなか よさ気です。ちょっといじれば素敵 な紹介ページになりそう。

iPhoneやAndroidのアプリ開発者向けの無料解析ツール「Flurry Analytics」なるものがあるようです

Flurry Analytics

僕自身は開発者ではないので 未登録、未検証ですが、iPhone やAndoroidなどのモバイルアプリ の解析ツールがあるみたいです。 あまりよく調べていませんが、 基本的に利用は無料みたい。

セレクトボックス内をマウスだけでスクロールできるjQueryプラグイン・ComboBox

ComboBox

なかなか素敵なユーザビリティ になるのでは。フォーム等で よくあるセレクトボックスを、 マウスのみでオートスクロール してくれるjQueryプラグイン。

ページ移動の必要が無くなるページング系jQueryプラグイン・Pagination Plugin

Pagination Plugin

ページングのユーザビリティを あげたいけど、オートタイプは 嫌だ、と言う方にオススメの jQueryプラグインがありました。 選択肢の一つに如何でしょう。
Ads