slideControl.js jQuery Plugin
The Code In Your <head> <link rel="stylesheet" type="text/css" href="slideControl.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.slideControl.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.slideControl').slideControl(); }); </script> Options speed: Co
様々な3Dエフェクトアニメーションでのコンテンツスライダーを実装できるjQueryプラグイン「Adaptor::jQuery content slider」｜BLACKFLAG
jQueryを使ってのコンテンツスライダーを実装するプラグインは多々ありますが jQueryとCSS3での3Dアニメーションでスムーズな切り替えを簡単に実装できる 「Adaptor::jQuery content slider」がいろいろと参考になりそうだったので 自分用メモとして紹介してみます。 Adaptor :: jQuery content slider Adaptor, an extensible jQuery content slider | Phil Parsons デモページはこちら 使い方もとても簡単。 HTMLでは切り替える一つ一つのコンテンツ要素は ＜figure＞タグで制御しているようです。 ※プラグインページのチュートリアル参照 ◆HTML <div class="slider-viewport"><!-- works as a viewport for the
Triple Panel Image Slider | Codrops
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions. In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, we will slide in the respective next image in each panel. We’ll be using CSS 3D Transforms with
CSS3 Fade slider - DZone
Today I would like to show you how to create nice and smooth css3 slider. It uses fade effect to switch between slides. Plus, you can use custom promo text for each slide. We will use basic UL-LI unordered list to make this slider. We don’t need to click anywhere to switch slides – everything is automatically (css3 animation). Live Demodownload resultSo, lets start Step 1. HTMLHtml markup is very
Fullscreen Slit Slider with jQuery and CSS3 | Codrops
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements. In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll slice the current slide open in order to reveal the next or previous slide.
Web Designer - Developer - Software Engineer - Business Consultant - London
Projects can take many forms and I enjoy the challenge of both design and development. Designing simple interfaces that can integrate with complex backend infrastructures. I've spent my career in web development, working for a number of leading technology companies in the UK. I joined Myspace as one of the only developers outside the US, working on digital marketing campaigns for large consumer an
Parallax Content Slider with CSS3 and jQuery | Codrops
A simple parallax content slider with different animations for each slider element and a background parallax effect. Today we want to share a simple parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background of the slider itself. The idea for this comes from the slider of the Kend
レスポンシブに使えるjQueryスライダー8
Resources 8 Responsive jQuery Slider Plugins Henry JonesJanuary 10, 201219 Comments03.8k Whether you’re already a pro at creating responsive web sites or your just learning what it’s all about, it’s good to have some scripts handy that you can easily integrate into your site. We all know how popular image and content sliders are now, and for good reason. So we decided to round up some jQuery slide
Parallax Slider with jQuery | Codrops
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to […] Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will
like Apple’s New Slide effect | jQuery Plugins
Apple has a new product nav menu that replaced their old horizontal scroller with some new animated candy. The demo will take some time before all major browsers even support this cool new CSS wizardry. Never fear—you can create a similar menu with jQuery that works in every browser, even IE6. demo: http://www.htmldrive.net/items/demo/1076/cool-jQuery-Apples-New-Slide-Menu download: http://www.h
DHTML - 最低限文化的なスライダーの実装 : 404 Blog Not Found
2011年09月30日01:30 カテゴリLightweight Languages DHTML - 最低限文化的なスライダーの実装 デザイニング・ウェブインターフェース Bill Scott / Theresa Neil 浅野紀予・高橋信夫訳 [原著:Designing Web Interfaces] たかがスライダー、されどスライダー。 [追記:IE対応しました]RANT スライダーって便利ですよね。 スマートフォンやタブレットなどのタッチデバイスだとなおのこと。 HTML5では、<input type="range">だけで出来てしまいます。こんな風に。 50/100 モダンなPCブラウザーならすでにサポートしてたりします。 ところがこれ、まだiOSもAndroidも現状未サポートなのですよorz。FireFoxも。iOSは5で対応しましたが。 というわけで必要最小限で、かつタッチイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tiny Circleslider: A lightweight cross browser circular carousel.
Adaptor :: jQuery content slider
Twitter Bootstrap 101: The Carousel
Sequence.js - The responsive CSS animation framework