『 Firefox3じゃないとダメなのが多いけど。 』
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カス...
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BDC DrillDown Menu, an iPod-style menu iPod風のドリルダウンのナビゲーション。 Column Naviga [...]
『 http://coliss.com/articles/build-websites/operation/javascript/1318.html 』
woork: Useful tips to enrich your HTML Formsフォームのユーザビリティを改善す...
『 Webフォームを便利にするTips集。補助メッセージの表示、入力候補の表示、リアルタイムバリデーションなど。サンプルコード付き。 』
まず１つ目。拡大鏡。 新型V-MAXにマウスカーソルを持ってくるとその部分が拡大されます。 ２つ目。白黒→カラーエフェクト。 同じくマウスカーソルを持ってくるとその部分がカラーになります。 使い方は簡単。 こちらからJavascriptとCSSをダウンロードします。 後はこちらのソースを参考にすれば終わり。（画像は適宜必要です） アイデア次第でいろんな事が出来そうです。 ...
Access-Control: allow <*> Access-Control: allow <http://example.com> Access-Control: allow <http://example.com:*> Access-Control: allow <http://example.com:80> ■ Access Control for Cross-site Request Access-Control: allow <example.com:1234> Access-Control: allow <*.example.com> <*.example.org> Access-Control: allow <http://*.example.org> exclude <http://public.example.com>
自分へのメモも兼ねてエントリー。フォームのユーザビリティを向上させる小技いろいろです。こういう小技を積極的に実装して自分のものにしていきたいですな。 どういうことができるかだけ紹介していきますので実際のコードは元記事を参照してくださいね。 入力する際のメモを表示 ↑ 入力フィールドにフォーカスがあたるとメッセージを表示。 入力候補を表示 ↑ タイプ...
※ 画像は公式サイトデモより Ajaxを使っている場合、その結果通知をどのように行うかは困るところだ。せっかく画面遷移のない、格好いい仕組みを使っているのに、ただ「完了しました」だけではあまりにもおざなりだろう。 右上に通知が出る 各Webサービスとも、通知のウィンドウは色々な工夫が凝らされている。自分のサイトで格好いい通知をしてみたかったら、このよ...
クールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『Create a Simple, Powerful Product Highlighter with MooTools』。クールにアニメーションしてハイライトしてくれるJavascriptだ。 このエントリーでは、かっこよくアニメーションしてくれるインターフェースが紹介されている。HTML、CSSだけでなく、Javascriptも公開されているため、実装するのも容易だろう。ライブラリ...
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]
『 こういうの活用したコンテンツってなんかつくれないかしらー 』
ぶっちゃけこの題名は書きたかっただけなのですが、ついこの前行われたFirefoxのアドオンであるTomblooにブラウジングを進化させる革命的な機能が追加され、ブラウンジングを行いながら快適にノーストレスでGoogle Bookmarksに自分の気に入ったページを登録することがだれにでも可能になったのでその方法を紹介したいと思います。まず、ほとんどの人はTomblooというFirefoxのアドオ...
noobSlide - mootoolsサクサク動く画像ギャラリー作成JSライブラリ「noobSlide」。複数の画像を...
これは便利そうなjQueryのプラグイン。コードにちょこっと細工するだけであらゆるテーブルにデータフィルター機能をつけることができます。 ↑ こんな感じにフィルター用のテキストボックスが現れます。 ↑ 「*e」でeを含むデータだけ表示させます。 大量のデータがある場合には使ってみると吉かもですね。なお、フィルタリングの文法がちょっとわかりにくいかもですね。...
（ぐだぐだと執筆中、現時点で読んでも意味不明だと思います。） 自分の知り合いに「まったくの未経験だけどプログラミングをやってみたい！」という人がいるので、プログラミングを始める前に必要な知識や心構えや準備などを書いておこうと思います。もちろん、最初に使う言語は JavaScript です。 この文章は、プログラミングまったくの未経験者が読んで分かる文章を目...
iPhone 3Gのウェブブラウザーである「Safari」は、指で画面を操作して直感的にウェブブラウズできる一方、文章をコピー＆ペーストできない、文字列検索ができないなど不便な点もある。そこで注目したいのが「ブックマークレット」だ。 ブックマークレットとは、JavaScriptで記述されたプログラムのこと。ブックマークから呼び出して実行し、文字列検索やウェブ検索といっ...
『 ご参考にcodersliderで作成p://weblibrary.s224.xrea.com/sample/vimperator/ 』
以前、このブログでご紹介した『サイトでグラフを使いたい時に使えるまとめ』 前回は、Illustratorのチュートリアルなどを中心にグラフの描き方をまとめたのですが、今回はFlashやScriptなどを使って、なるべく簡単にサイトにチャートやグラフを表示できる方法を中心にまとめてみました。 Chart Chooser ExcelやPowerPoint用にきれいなチャートがダウンロードできます。 Open Flash Chart Flash...
