submit, buttonを角丸にしたデモ 対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。 オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。 Post on:2008年11月15日
Using jQuery for Background Image Animations - Snook.ca ホバー時にブロックの背景色を滑らかにアニメーションするJSサンプル。 デモページ デモページを見ればわかりますが、カーソルをあわせると滑らかに背景がアニメーションされます。 アニメーションの仕方がなかなか良くて、左→右や、上→下のように方向を指定できます。 当然ですが、Flashを使わなくてもJSでこうしたことが出来て、今までありそうでしたが、そんなに多く見かけることがなかったテクニックではないでしょうか。 覚えておくとふとしたときに使えそうです。
「最近、どこでよく買い物していますか?」――こう聞かれて「Amazon!」と答える方も少なくないかもしれません(特に本誌読者であれば)。当初は書店の店頭で入手が難しい書籍の購入などに重宝していたAmazonですが、取扱商品が増えた今では、ペットボトルの水からパソコンまで何でも買える便利なECサイトとして、ネット利用者の生活に定着しました。 もっとも、Webサイトを作る立場から見ると、Amazonの魅力は品揃えやサービスだけではありません。Webサイトのデザイン面からAmazonを見ても優れた点は多数あり、実際、国内外の非常に多くのECサイトがAmazonをお手本にしたUIを採用しています。今回は、「Amazon.co.jp」を参考にさせてもらいましょう。 今回のお手本サイト:『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。現
JGari.com A magical AJAX-enabled JQuery grid worth looking into jQueryでリッチなグリッドを実装「jqGrid」。 jQueryを使って次のようなグリッドを作れるコンポーネントの紹介がされてました。 グリッドを次のように階層化したり、データの検索機能がついていたりと、なかなか高機能みたいです。 グリッドは多数ありますが、これも便利そう。 jQueryベースということで、jQueryユーザにはやさしいですね。 関連エントリ 手軽に使えるExcel風グリッドUI「Flexigrid for jQuery」 データグリッド実現用JavaScriptライブラリ各種 リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」
prettyCheckboxes - custom checkboxes / radio buttons - by Stephane Caron プリティなチェックボックス、ラジオボックス実装用ライブラリ「prettyCheckboxes」 チェックボックスは以下のように。 ラジオボックスは以下のように。 CSSでデザインできます。 jQueryベース。 関連エントリ チェックボックス、ラジオボックスをオシャレに表示するJS CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ
jQuery Content Slider Tutorial メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル。 ナビゲーションメニューをクリックで、コンテンツブロックをズイっとアニメーションさせながら切り替えるサンプルです。 デモページ を見るとその動きが分かります。 ウェブサイトのヘッダー部分に置いておくと、カッコいいだけでなく、ページ遷移なしでヘッダー部分を切り替えることが可能です。 企業用のページなんかでよくある構成ですが、そういったサイトの制作時に使えそうですね。 jQueryベースで動作するみたい。
Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えているライブラリが増えてきた。既存のWebアプリケーションに少しのコードを追加するだけで、機能もデザインも付加できるこれらのライブラリは非常に魅力的だ。 ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 ネイティブアプリケーション並みのリストを実現 FlexigridとはPaulo P. Marinas氏が開発・公開している
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。
JavaScriptのライブラリ「jQuery」の最新版jQuery 1.2.6が2008年5月24日にリリースしました。 jQuery 更新情報はまだ、Release:jQuery 1.2.6に掲載されていませんが、1.2.5との差分は数ヵ所となっています。
こんにちは、笹亀です。 MacBookを購入して1ヶ月経ち、操作やアプリケーションなどにも慣れてきたのですが、先週の火曜日になにもしていないのに、液晶に謎の線が現れ、故障してしまいました。先週の金曜日に業者に無償修理に出していたのですが、本日MacBookの液晶が新品に変わって戻ってきました。Macの修理の対応の早さに驚きました。ありがたいことです^^ Firefoxでは、URLやメールアドレスなどの長い半角英数字をtableタグのtdタグなどに入れた場合に折り返して表示することができずに重なって表示されていまう場合があります。先日、Firefoxの上記の仕様でデザインが崩れると報告をいただいた際に対応した方法をご紹介したいとおもいます。 以前のブログでご紹介した通り(http://blog.asial.co.jp/202)、IEやSafariでの半角英数字のCSSを使用して自動折り返しを
JavaScriptのライブラリ「jQuery」の最新版jQuery 1.2.4が2008年5月18日にリリースしました。 Release:jQuery 1.2.4 今回の変更点は現在のところバグフィックスの記述しかありませんが、明日あたりにでもjQuery Blogにアップされるかもしれません。 Diffしたところ、バージョン番号以外に2ヵ所差異がありました。 jQuery 1.2.4のダウンロードは、トップページからダウンロードできます。jQuery 1.0~1.2.3まではダウンロードページからダウンロードできます。 jQuery トップページ jQuery ダウンロードページ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く