Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider
Creating an Ajax contact form - from start to finish :: ENHANCE Ajax&PHPでアニメーションするコンタクトフォームを作成するサンプル。 デモページを見る 必須入力値を入力しないとエラーになったりする機能はついているみたいだけど、入力値チェックはないみたい。 送信時にフォームが子気味よくアニメーションするため、ちょっとした訪問者への驚きや、フォームデザインに懲りたい人にはよさそう。 HTMLもクリーンなので、CSSでデザインしやすくなってます。 関連エントリ CSSでユニークなコンタクトフォームを作るチュートリアル 携帯サイトのフォーム設計ポイント CSSを使ってファンシーなボタンを作成するテクニック
JFreeChartは劣等GPLで配付されている,グラフ生成機能をもつJavaクラスライブラリ及びフレームワークである.JFreeChartを使用すると棒グラフ,折れ線グラフ,円グラフ,ガントチャートなどを用意に作成できるようだ.なかなか強力な機能を持っているにも係わらず日本語サイトで詳しく紹介されているサイトがないようなので,調査してみる. 入門編 応用編 入門編 まずJFreeChartでのフレームワークを説明し,それからJFreeChartを使用していろいろなグラフを作成してみる. JFreeChartって何だ? 2004-02-07T15:30+09:00 matsu JFreeChartの開発元についてちょっと触れ,JFreeChartのインストールとサンプル実行,JFreeChartのフレームワークについて記述する. 円グラフの作成(JFreechart 0.9.16) 200
YouTube や Amazon、livedoor Reader でコンテンツの評価に使われているスターレイティングを prototype.js を使って割と汎用的に実装してみました。 http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/ などには高機能なライブラリがあるようですが、とっつきにくいので自作しました。順を追って説明していきます。 準備と前提条件: prototype.js(今回は ver1.6)を使用します。 http://prototypejs.org/ からソースをダウンロードしておきましょう。5段階の星を表現するために、未選択のものを含めて 6つの画像が必要です。私は http://iconlet.com/ から素材を入手してペイントで加工しました。(サンプル:、使った
星の数で評価するフォームを作ることになって、人のソースをいくつか見てみたものの複雑すぎてわからなかった。ので自分で作ったら5分でできてしまった。後でまた使いそうなのでメモ。 onloadに引っかけて自動的に画像を配置・・・なんてやったほうが格好良いが、ソースが格好良いだけで表示を重くしても意味がないのでHTMLベタ書きにした。 ソース <script type="text/javascript"> function starrating(input_id, num) { var input = document.getElementById(input_id); input.value = num; for(var i = 1; i <= 5; i++){ var image = document.getElementById(input_id + "_" + i); image.src
Another example (with a custom date sorting function) can be found on the Moo Database browser. Installation Download tablesort.js (9KB) or the compressed tablesort-min.js (4KB), then add this line anywhere in your page: <SCRIPT LANGUAGE='JavaScript1.2' SRC='tablesort.js'></SCRIPT> Modify your table(s) so that the header row(s) are within a <THEAD> block, any footer rows are within a <TFOOT> block
利用可能なオプション Flexigridはオプションが豊富に用意されており、実行時にJSON形式で指定できる。今回使用したオプションは次のとおり。 url : データを実際にやり取りするファイルパスを指定 procmsg : 読み込み中に表示するメッセージを変更する pagestat : 読み込み完了後に表示するメッセージを変更する method : データ送信時のメソッドを指定 dataType : データ形式を指定。XMLかJSONのうちいずれか colModel : 表示するカラム、ソート可否や幅などを指定 searchitems : クイックサーチ用に使用するアイテムを定義 sortname : デフォルトでソートするカラムを指定 sortorder : デフォルトのソート順を指定 usepager : ページャを使用するかしないかを指定 useRp : 一度に表示する件数を操作で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く