CSS3グラデーション・角丸のジェネレーターをjQuery/CSS3/HTML5で作成するチュートリアル
jQuery, CSS3, HTML5を使用して、CSS3グラデーション・角丸を生成するCSS3ジェネレーターを作成するチュートリアルを紹介します。 Creating a CSS3 Generator with CSS3, HTML5 and jQuery デモページ ※デモはWebkit系ブラウザ（Chrome, Safari）で動作します。 [ad#ad-2] 上記デモでは、CSS3グラデショーン（上のキャプチャ）、角丸（下のキャプチャ）のCSS3をブラウザで表示確認しながらコードを生成できます。 チュートリアルでは、HTML5のDOCTYPEの解説から、各要素へのスタイルシートの適用まで詳しく解説されています。 時間がない方は、とりあえずページ下のファイル一式をダウンロードすると、上記のデモがそのまま楽しめます。
Lightbox2 | Webサイト制作支援 | ShanaBrian Website
Lightbox2.0の使用方法をご紹介しています。 Lightbox2は別ウィンドウ（ポップアップウィンドウ）ではなく、ウィンドウ内で画像や写真などをモーダルウィンドウとして表示するJavaScriptライブラリです。 公式サイト ※ 2012年4月10日に2.5にバージョンアップされ、prototypeからjQueryへと変更されていますので、Lightbox2を新しく設置される方はLightbox2.5～2.7の使い方をご覧ください。 ※ IE10でうまく動作しない場合は、prototype.jsを1.7.1以降にバージョンアップすることで解消されます。 目次 ダウンロードと設置 JavaScriptおよびCSSの読み込み 適用方法 グループ化 キャプション 設置時に異なる階層への対応方法 ダウンロードと設置 こちらにアクセスして「View Raw」をクリック、ダウンロードして解凍し
ブラインド式に画像が切り替わるjQueryプラグイン・jQuery Blinds - かちびと.net
IE6,7でも動いてくれるので 実用性あるかなと思ってメモ。 ブラインド式に画像が切り 替わってくれるjQueryの プラグイン、jQuery Blinds。 なかなかスムーズな動きです。 IE6でも7でもスムーズに切り替わってくれますよ。いろいろ凄いプラグインありますけど結局使うのはブラウザに対応してるプラグインになりますよね。。 外に広がるようにスムーズに切り替わってくれます。なかなかよさ気。デモ作った。画像に他意は無いです。 マークアップも簡単。 <div class="slideshow"> <ul> <li><img src="1.jpg" alt="1" /></li> <li><img src="2.jpg" alt="2" /></li> <li><img src="3.jpg" alt="3" /></li> <li><img src="4.jpg" alt="4" />
Create Background Scrolling Effect With jQuery | Demo | Queness
This tutorial is going to show you how to make a scrolling background effect.
かっこいいjQueryのTips&トリック26 – creamu
jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『26 cool and useful jQuery tips, tricks & solutions』。かっこいいjQueryのTips&トリック集です。 いろいろと便利そうなのが揃っていますね。以下のようなソースがたくさん紹介されています。 カラムの高さを揃える スムーズな動きの「ページトップへ戻る」リンク 要素を置き換える タイマーファンクション 天地左右中央に配置 見出しとソースコードがずらっと並んでいて、見やすくなっていますね。 一度見てみてはいかがでしょうか？ 26 cool and useful jQuery tips, tricks & solutions 先週末に行ったカフェ。まったりしたいときによく行くんですが、快適な時間を過ごせました。 さてと金曜日は斉藤和義の武道館ライブ！！楽しみすぎ
フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌
PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアッ... 次の記事 ≫：PHP関数の挙動をちょっと調べたいときに助かる「PHP Functions Online」 jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡単にやりたいですね。 jQuery Form Tips を使えば、フォーム要素の title 属性に値を入れておくだけでヒントを自動表示できます。 <p> <label for="i1">Field1</label><br /> <input type="text" name="i1"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]テーブルのデータをアニメーションでソートするスクリプト -Animated table sort