キーワード検索「Slide」
371
divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」2011年02月10日-jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった１行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に...
219
指定位置までスクロールしたときにレイヤーを表示させることができます。ブログを読み終わったあとに注意を引きたいレイヤーを表示して、ソーシャルサービス等への投稿などを促す効果も簡単に実装できます。（レイヤーの中身は別途必要です）元ネタは、長谷川恭久さんのcouldから。「いかがでしたか？」というレイヤーが出てくるのですが同じような効果を簡単に実装できます。上からにょきっと表示する以外にも、指定レイヤー...
99
結構良さそうだったので備忘録。 レスポンシブWebデザイン向け のライブラリです。モバイルの サイズになるとグローバルナビ を横スライド式に切り替える、 というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライド...
106
Takazudoのブログです遂にjQuery Mobile Alpha 1が出ましたー。 ざっくりコードを流し読みしたので、似たようなことをしてた自分が思ったことなど。 ほんとにざっくりとしか見てないので間違ってる部分もあるかも。jQuery Mobileそのデモあ、その前に、このタイミングでjQueryも1.4.2から1.4.3に上がってて、そこで、このモバイル版に影響大な機能追加があります。h...
96
![[JS]シンプルで軽量だけど、充分な機能を備えたコンテンツスライダーのスクリプト -Casual Slider | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-casual-slider.html)
Casual Sliderの特徴 Casual Sliderのデモ Casual Sliderの使い方 Casual Sliderの特徴 Casual Sliderは実装が簡単で、シンプルながら充分な機能を備えたコンテンツスライダーです。 4KBと超軽量のスライダー タイマー機能付き あらゆるHTMLエレメントを配置可能 全てのメジャーブラウザをサポート カスタム ナビゲーション セットアップが簡...
104
![[JS]jQuery初心者もOK、サイトにアニメーション効果を取り入れるチュートリアル | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-tutorial-super-easy-animated-effects.html)
jQueryを使用して、サイトにフェードやスライド、表示・非表示、タイマーなどのアニメーション効果を取り入れるチュートリアルを紹介します。Super-Easy Animated Effects with jQueryチュートリアルは英語ですが、使用する関数、ソース（HTMLとJavaScript）が必要最小限でまとめられており、デモページ（シンプルすぎかも）もあるため、英語が苦手な人でも大丈夫だと...
98
![[JS]次々にボックスがアニメーションでスライドするナビゲーションを実装するチュートリアル | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-tutorial-navigaiton-slide-down-box.html)
次々にボックスがスライドする三つのアニメーションを組み合わたナビゲーションを実装するチュートリアルを紹介します。Slide Down Box Menu with jQuery and CSS3 デモページデモではナビゲーションの各項目をマウスホバーすると、アニメーションでラベルが下にストンと落ち、サムネイル画像が拡大表示されます。更に、下位階層のある項目は左右にスライド表示されます。実装は割とシン...
72
ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。 あんまり見かけないタイプのスライダーですね・・省スペースに沢山の情報を表示させたい、という時に使えそうな使わなそうな。たまに似たようなインターフェース見かけますね。 Grid Slide P...
69
jQueryを使って画像の上にコンテンツをクールにアニメーションされてオーバーレイ表示するサンプル2010年10月25日-jQuery Slide Effect | hv-designs jQueryを使って画像の上にコンテンツをクールにアニメーションされてオーバーレイ表示するサンプル。 特別に難しかったり真新しいものではないのですが、エフェクト的にカッコ良い効果だったのでご紹介。 スライドアニメ...
75
iDangero.us jQuery Chop SliderOk, that is time for "Awesome Kickassable Bulletproof"®™ Transition (AKBT). What is AKBT? It is not actually one transition, it is presentation with a lot of transitions ...
241
HTML5 Showcase: 48 Potential Flash-Killing DemosBy Alvaris Falcon | Design ShareSo you’ve heard all rumors about HTML5 would take over Adobe Flash. While most web community argues that it’s possible o...
40
like Apple’s New Slide effect | jQuery Plugins Apple.comの新スライダーエフェクトを実装するjQueryプラグイン apple.com のページ上部にある製品一覧ウィジェット。かなり良い感じで動きますが、これを再現するjQueryプラグインが出ました。 説明しづらいのでデモを見てみてください。 apple.com の例 ヘッダーの製品部分の動き...
100
jQueryimage galleries and albums are very common on portfolio sites and arealso useful for any other type of site for displaying images and photos.In this post we’ll see tutorials and plugins that can...
35
レスポンシブWebデザイン対応のイメージ スライダーです。かなり沢山出てきました ね。こちらはcssやHTMLもシンプルで済む のでコードをシンプルにしたい際は使い 勝手が良さそうです。こうして選択肢が 増えるのは凄くうれしいですね。 続々出てきますね・・・こちらもレスポンシブWebデザイン対応のスライド。こちらはMedia Queriesを使用していないようなので、いつも通りのマークアップで手軽...
45
少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」2010年10月04日-jQuery plugin: Easy Accordion | Andrea Cima Serniotti 少ないスペースに一杯情報を埋め込めるクールなアコーディオン実装jQueryプラグイン「Easy Accordion」。 次のようなクールなアコーディオン...
37
1593
Over the last year, Smashing Magazine has evolved. We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile develop...
28
ブログの記事を読み進めると、ちょうど読みおえるほどのタイミングで関連記事をスライドインして表示する Slide for SimpleReach というサービスがネタフルの記事で紹介されていましたので、さっそく導入してみました。 当ブログの記事をしたの方までスクロールしてゆくと、ある時点で次のような窓がスライドインします。 この機能が邪魔だという場合は「×」をクリックしていただくと今後このサイトで ...
30
Sudo Slider jQuery Plugin - DemonstrationsEven though most of these sliders only contain images. Remember that any html content can be used.In every demo i write what HTML and JavaScript is required, ...
184
Slider Kit jQuery content slideshow plugin. To build any kind of content slideshow.If you like this plugin, consider making a donation: Presentation The purpose of Slider Kit is to gather common slide...
