prettyPhoto prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly an
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
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
Wave Display Effect with jQuery and CSS3 “The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content”. Nivo Slider 16 unique transition effects Loads of settings to tweak Simple clean & v
2つの画像を重ねて、中央のバーをスライドしてビフォーアフターを切り替えて表示することで、簡単に比較できるようにするjQueryのプラグインを紹介します。 ↓はただのキャプチャ画像なので動作しません。 TwentyTwenty TwentyTwenty -GitHub TwentyTwentyのデモ TwentyTwentyの使い方 TwentyTwentyのデモ デモはスクリプトのページに大きく掲載されています。 モダンブラウザをはじめ、スマフォ・タブレットでご覧ください。IEは8+で。 オプションでオーバーレイのパネルを設定しています。 TwentyTwentyの使い方 Step 1: 外部ファイル 「jquery.js」とプラグイン「event.move.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <script type="text/javascript"
Please note: This tutorial requires intermediate knowledge of CSS and jQuery. For best results, please be sure to learn the proper foundations before attempting to take this tutorial. Learn one step at a time :-) There are many elegant and easy to install modal window (Popup) plugins out there, but there are times where the script interferes with some of the logic processed on the page. I recently
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ(マウス移動で画像全体を閲覧可能)〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
HTML5をベースにしたモバイルアプリケーションを開発するためのJavaScriptライブラリとして注目されている「jQuery Mobile」。ついに最初のβ版であるβ1の公開が今朝から開始されました。 新機能として主に紹介されているのは、iOSやAndroidでのURLバーの非表示機能によってアプリケーションとしての見栄えを設定できることや、トランジション効果がスムーズでスクロールが高速になったことなどです。 また、これまでツールバーに自動的に表示されていた「Back」ボタンが、デフォルトでは非表示となりました。 β1ではBlacberry5とOpera Miniのサポートが新たに追加され、これでjQuery Mobileが対応するOSは、iOS、Android、Windows Phone 7、Blackberry、Blackberry Playbook、WebOS、Firefox M
1. 概要の理解 jQueryを一切知らない場合はまずは概要の理解から始めます。 ノンプログラマーのためのjQuery入門 http://www.slideshare.net/hayatomizuno/jquery-7665168 はじめてのjQuery http://higashizm.sakura.ne.jp/jquery_first/ 2. 基本的な使い方を理解する サンプルを見ながら具体的なコードを作成し理解を深めます。 40分で覚えるjQuery速修講座 http://ascii.jp/elem/000/000/498/498710/ jQuery基礎文法最速マスター http://blog.webcreativepark.net/2010/02/02-111519.html jQueryサンプル集 http://www.designwalker.com/2008/04/jque
効果的にサブウインドウを見せるテクニック。 lightbox.js http://www.huddletogether.com/projects/lightbox/ thickbox.js http://jquery.com/demo/thickbox/ thickbox.js を使っていてPHPなどのプログラムに引数を送りたい場合、 普通に hoge.php?TB_iframe=true&width=680&height=370&id=123 などとやっても「id」は送られない。 しょうがないので thickbox.js 自体を見ていく。 196行目あたりで iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' というのを発見。 ここでiframeをで呼び出
Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from […] Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from the blog. You can find the beautiful M
垂直にスクロールさせるメニューをJavaScriptで「Horizontal Scroll Menu with jQuery」 使用方法 Horizontal Scroll Menu with jQueryからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.color.js"></script> <script type="text/javascript"> $(document).ready(function() { //マウスオーバー/アウト時の色t va
JavaScriptいぢってるのは楽しいけど、書くことはまったく出来ないので、似たような機能を持つのが多い中でも選ぶ理由の一つが、class名が気に入るかとかhtmlがごちゃごちゃしないかとかそんな基準だったり。 んで、jQueryのプラグインの中でもjquery_autoさんがぼちぼち気に入ったけど、class名が!とか思ったので、いぢって自分用にしてみました。 そんな事してたら、他の便利なJavaScriptも足してみたくなったので、足したりしてたらこんなんなりましたっていうのを公開。 今回その実験に使わせていただいたJavaScriptたちは以下。 jquery.js interface.js thickbox.js jQuery_Auto.js yuga.js heightLine.js 上記の色々なJSたちを自分用にしたサンプル?デモ?とダウンロードは以下。 サンプルページ ダウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く