Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
『 alert（）やconfirm（）の代替として使えるLightbox系の擬似ダイアログ・ライブラリ。スライドしながら表示される。要mootools。MITライセンス。 』
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』
『 オンラインで画像を編集。編集できるイメージの最大サイズは5000×5000ピクセル、10MBまで。リサイズ、切り抜き、回転などなど、画像編集が可能。編集後の画像はGIF、JPEG、PDF、PNG、PSD、TIFF形式でダウンロードして保存可 』
カラーピッカーを利用してWebシステムなどで利用したい場合に便利なのが、Farbtastic。 jQuery のプラグインとして動作する。WYSIWYG カラーピッカーとして非常に使いやすいインターフェースを表示してくれる。...
『 色が一目で分かる 』
※ 画像は公式サイトデモより 最近のWeb開発は単純なタグ構成をCSSを使って装飾していくという形式が多い。確かに開発側にとっても単純な構造は分かりやすく、CSSで見た目を変更できるのはデザインとシステムの分離ができ、効率的だ。 [1] そしてこのソフトウェアはそれをさらに発展させてくれる。 今回紹介するオープンソース・ソフトウェアはMoreCSS、CSSを拡張するJavaScriptラ...
『 面白いFlashとかスクリプトとか。Amazon検索をミニマムなインターフェースで行うmamazonは便利かも。 』
マスカットとは、Webブラウザ上で動作するAJAXベースのリッチクライアントを開発するオープンソース・フレームワークです。開発者は定義ファイルの設定とビジネスロジックの作成だけで、簡単にリッチクライアントが実現できます。詳細については、
※ 画像は公式サイトデモより Sparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。 右側に並ぶのがSparkline 使い方にもよるが、通常のグラフとはまた違うインパクトでデータを表示することができて...
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
『 ページ読み込み状況をグラフ化するPEAR::HTML_Progress2 』
『 自動的に手紙文を生成して呉れるサービス。テグレット技研という会社が運営している。アプリケーション版もあるらしいが、オンライン版は利用無料なので、それの人気が高いようだ。 』
『 XHTMLで書かれたWebフォームの見栄えを汎用的なJavaScript+CSSで美しくする。（→最終バージョン：http://www.badboy.ro/articles/2007-01-30/niceforms/） 』
Image Cropper / Resizer フリーの画像リサイズ＆切り取りスクリプト。ソースはここで公開されてます。...
データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。 [1] だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはFlot、JavaScriptを使ったグラ...
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カス...
Google Maps APIでいろんなことをやってみるために、APIドキュメントの内容をメモ代わりに書いていくことにする。今回はGMapクラス。
なんとなくはてブを見ていたら、コメント欄に使えそうなかわいい吹き出しのライブラリーを発見。 ･･････というわけで、さっそくカスタマイズ。例によって以前にもヘッダー画像を作ってくれた 無義さん に「オサレなコメント欄にした～い」とお願いして、記事部分のデザインに合わせて画像を作ってもらいました。 こんな風に3枚の画像を使用しています。 他...
『 WEB上で様々なスタイルのリストが作成できる 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)