jQuery と CSS3 の :target セレクタを使ってスライドショーを作ってみた - higeorange's blog
:target セレクタの便利さを試してみたかったので作ってみた． デモ： jQuery Slideshow with CSS3 :target selector 上下キーでページ切り替え．単純なページ切り替えしか実装していない．文字が追加で表示されるとか横から何か飛び出てくるとかはできない． JavaScript 側ではフラグメント識別子を変更しているだけという手抜き仕様． スライドショーといえば Opera Show が手軽なんだけど，Opera 以外じゃ動かないからね． コード 使い方 HTML <div> <p>page 1</p> </div> <div> <p>page 2</p> </div> <script type="text/javascript"> $("div").slideShow(); //それぞれの div を 1 スライドに <script> 指定した要素に
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点 - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプ
inline-block を使ってプレースホルダ付き入力欄を実装する - Cyokodog :: Diary
更新履歴 2010-01-22 jQuery.exPlaceHolder.js を Ver 0.1.1 に更新 title 属性（あるいは任意の属性）で、表示するメッセージを指定できるようにしました 専用の css ファイルの読み込みを不要にしました jQuery.exInlineBlock.js ファイルの読み込みを不要にしました 初期値があった場合もメッセージが表示されてしまう不具合を修正しました 記事に使い方を追記しました まずプレースホルダ付き入力欄のおさらいですが、 こういうやつの事をいいます。入力欄にカーソルがあたるとナビゲーションメッセージが消え、カーソルがはずれるとまた表示されるやつです。 HTML5 では <input placeholder="google"> と記述すると自動的にこういう制御をしてくれるそうです。ですが HTML5 の普及はまだ先の話なので JavaS
40 Super-Neat JavaScript Plugins | Envato Tuts+
The right combination of JavaScript plugins can turn a simple website into a fantastic one - all while requiring minimal work on your behalf. Today, we'll review forty of the most popular plugins available. If we missed some, let us know in the comments! Form Validation jQuery Validate A plugin that allows you to build client-side validation and Ajax forms.
Javascript 角丸ライブラリメモ - Diary of absj31
1.JQuery Corner Gallery 8種類の基本丸角設定が可能。 jQueryベースの角丸javascript「jQuery Corner」 : skuare.net 2.JQuery Curvy Corners 上記のライブラリより、更に詳細な設定が可能。 jQueryベースの角丸javascript「JQuery Curvy Corners」 : skuare.net
アクセシブルなスライダーをJavascriptで実現 - 「Accessible News Slider」
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ここで言う「スライダー」とは、「同じ構造の要素を限られたスペースで表示するために、要素ごとスライドさせて表示させるためのもの」という意味。 （↓こんなのです） 音量を調整するような「つまみ」のことではありません。 （↓こんなのではないです） 「スライダー」でググったら「つまみ」の方ばかりヒットして、なかなか欲しい情報に辿り着きませんでした。 何かほかに良い表現はないんですかねぇ。 「Accessible News Slider」の主な特徴 動作デモやダウンロードはこちら↓からどうぞ。 Accessible News Slider: A jQuery Plugin 同じような機能を実現できるスクリプトはいろいろとあるのですが、「Accessible News Sli
[JS]多彩なカスタマイズが可能なLightbox風スクリプト -ColorBox
インターフェイスのデザイン、クローズやアローなどコントローラーのカスタマイズが可能な画像を拡大表示するLightbox風のスクリプト「ColorBox」を紹介します。 ColorBox 拡大表示できるのは画像のほかにも、インラインコンテンツ、外部コンテンツに対応しており、AJAX表示、画像ギャラリーにも対応しています。 デモでは、4パターンのカスタマイズが紹介されています。
画像ポップアップ_Galleriffic
A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL
yellowgreen designburo - MoreCSS
Features No new syntax to learn. No programming skills needed Small 6 KB core script (GZIP compressed, 12 KB uncompressed) Cross-browser compatibility for Internet Explorer 6+, Firefox 2+, Opera 9+, Safari 2+ and more Valid W3C CSS Plugin interface Download Download the latest release of MoreCSS: Version 1.0 Beta 3, 12 KB. License. Visit download section for changelog and more ressources. Document
Vimperatorと、ウェブアプリやUserscriptのショートカットキーを共存させるfeedSomeKeys.jsプラグイン - retlet.net
Vimperatorと、ウェブアプリやUserscriptのショートカットキーを共存させるfeedSomeKeys.jsプラグイン 現在は出来ることは基本的に変わらないけどより簡易な記述が可能になったfeedSomeKeys_2.jsがあるのでそっちを使うと良いです。と今更ながら追記。 #vimperator@IRCNet で id:trapezoid と id:otsune から ex_autocmd.js が無くてもLocationChangeで出来るよ。と教わったので関連部分を直しました。Thx!! どうも feedSomeKeys.js を使っている人がいないようなので書く。 Vimperatorを使っていると、ウェブアプリケーションやUserscriptのショートカットキーがVimperotarとバッティングして使えない。ということがよくある。 こういう場合、基本的にはC-qでP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]二枚の画像を少しずつブレンドして切り替えるスクリプト -Floom
[JS]タブでパネルを切り替えるスクリプトのいろいろな実装例
SW EditJavaScript
[JS]画像を溶け合うように切り替えられるスクリプト -CrossSlide