※ 画像は公式サイトデモより Sparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。 右側に並ぶのがSparkline 使い方にもよるが、通常のグラフとはまた違うインパクトでデータを表示することができて...
『 超クールhttp://coliss.com/articles/build-websites/operation/work/1353.html 』
いつか使いそうだからメモ。画像がびよーんと手前に出てくるような効果を実現できるjQueryのプラグインです。使い方も簡単ですね。 ↑ デモをみてもらうのが早いかな。 SpaceGalleryとはなんともうまいネーミングですね。うまく説明できませんがとっても宇宙的です。逆スターウォーズというかｗ。 詳細＆ダウンロードは以下からどうぞ。画像をクリックすればどういうものかわ...
The Highly Extensible CSS InterfaceCSS・JSを活用して高度なUIを作成するサンプル...
データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。 [1] だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはFlot、JavaScriptを使ったグラ...
ウェブ制作に役立つ記事の先週のハイライトです。 チュートリアル・Photoshop関連 70 Beauty-Retouching Photoshop Tutorials 70のPhotoshopのレタッチのチュートリア [...]
これは便利そうなjQueryのプラグイン。コードにちょこっと細工するだけであらゆるテーブルにデータフィルター機能をつけることができます。 ↑ こんな感じにフィルター用のテキストボックスが現れます。 ↑ 「*e」でeを含むデータだけ表示させます。 大量のデータがある場合には使ってみると吉かもですね。なお、フィルタリングの文法がちょっとわかりにくいかもですね。...
『 http://coliss.com/articles/build-websites/operation/javascript/1278.html 』
『 jQueryのUIコンポーネント集「jQueryUI」用のテーマビルダー。ブラウザ上で色やフォントをカスタマイズしてZIP形式でダウンロードできる。 』
サイト作りに役立ちそうなツールのご紹介。ThemeRollerはjQueryを使ったウェブ部品のスタイルを作成、ダウンロードできるサイトです。 自分でがしがしカスタマイズしてダウンロードもできますし、他の人がつくったかっこいいテーマを拝借することもできます。 ↑ こういう感じでカスタマイズすると・・・。 ↑ こういうのがZIPでまとめてもらえます。 こういう細かいスタイル...
『 spanの半分くらいはビジュアルデザイン目的な気がしてきた。せめてJSで生成するくらいの恥じらいがあっても良いよな、やってることは同じだけど。…とか言いつつ、実務で使えるんなら使ってしまおうと思っている 』
先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリ...
Ajax + CSSでさくっとフォームを実装したい。 そんなあなたにおすすめなのが、『47+ Excellent Ajax CSS Forms』。素晴らしいAjax + CSSフォーム47選だ。 以下にいくつかご紹介。 » Uni Form セマンティックでカスタマイズも可能なフォーム » AJAX Contact Form アクセシブルなAjaxフォームの好例。↑のキャプチャはこのサイト » FancyUpload using Mootools Mootoolsを使った美しいファイルア...
『 CSSのみの簡単なナビゲーションからはじまり、最終的にはJavaScriptで現在位置を示すナビゲーションまでの実装 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)