jQuery＋CSSによるカルーセルパネルの作り方 (1/3)
「カルーセルパネル」は、画像などのコンテンツを並べたパネルを左右にスライドさせて切り替えるUIです。Amazonの「この商品を買った人はこんな商品も買っています」で利用されているので、名前は知らなくてもご存じの方は多いでしょう。カルーセル（Carousel：回転木馬）は、メリーゴーラウンド（merry-go-round）のことで、パネルをスライドしていくと一周して元のスライドに戻ることから「カルーセルパネル」と呼ばれています。今回はjQueryでカルーセルパネルを作成する方法を解説します。 HTML/CSSでカルーセルのベースを作成する 今回作成するカルーセルパネルのHTML／XHTML（以下、HTML）は次のようになっています。カルーセル全体を囲むdiv要素を配置し、id属性に「carouselWrap」を設定します。div要素の内側にはパネルを左方向にスライドさせる「戻る」ボタン用のp
Lightviewの使い方（サンプルコード付） | チバのブログ
prototypeベースのとてもかっこいいLightviewですが、サンプルや解説が英語なのでいまいちわからないという方のためにサンプルページを作ってみました。 追記：2008/10/03 QuickTIme形式の動画についてのサンプルを用意しました。 サンプルページ JavaScriptの読み込み prototype.jsとscriptaculous.jsは最新のものをGoogle AJAX Librariesを使って読み込んだ後にlightviewを読み込みます。 Google AJAX LibrariesについてはGoogle AJAX Libraries APIとServing YUI Filesを参照ください。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
Home - Designzzz
There’s something incredibly satisfying about breathing new life into old garments, and you should give it a shot if you’re looking for your next DIY project. In addition to being super fun, upcycling old... Anyone who's tried to photograph their pets knows how difficult it is. While the professionals make it look easy, capturing the perfect photo of cats and dogs is hard because they're unpredict
MooTools Tutorials and Resources Round-Up — Smashing Magazine
MooTools is a JavaScript framework that focus on being flexible, modular and compact. While still not on par in number of resources with other JavaScript frameworks such as jQuery, the MooTools community has generated a large number of articles, tutorials and third party plugins that can be considered and mature and sophisticated enough for most needs. A word about MooToolsOne of the core principl
100++ jQuery Tutorial and Plugin Collections on September
jQuery Collection Roundup 21 Simple and Useful jQuery Tutorials You Might Have Missed Collection of menu, gallery, slider, tooltips, dock, modal window, ajax and jQuery turtorials. This is a round up post for all the jQuery tutorials I have created since March 2009. 14 Best Collection Of jQuery Web Interface Design Plugins and Tutorials jQuery lets you design eye catching animated menus and slider
35 Fresh and Useful jQuery Plugins « Noupe
Quick and powerful, jQuery can help designers and developers create awesome interactive websites that are appealing and accessible to the widest range of browsers. For your audience, the visit to your site will be both exciting and entertaining. Navigation, galleries and slideshows, are hot points for a site to shine. Here are 35 useful fresh jQuery plugins focusing on navigation, gallery and slid
78 jQuery Scenarios to Fall in Love - ProgrammerFish
I am in love with jQuery, are you? If you are not then you may not have seen the productivity in web design that can happen by using jQuery. I have collected some of the most interesting jQuery scenarios around the web that can make you fall in love with it. Enjoy: 1)How jQuery works A basic introduction to jQuery and the concepts that you need to know to use it. 2)jQuery For Designers Examples of
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
https://webm.to/2009/11/08/15-jquery-navigation-solutions-and-tutorials/
Tutoriallounge-Video Editing Tutorials