レスポンシブにも対応！jQueryカルーセル「bxSlider」が使いやすい | design Edge
JavaScript Web コーディング とある案件でカルーセル（スライドショー）を使うことになったので、これを機会に使いやすいjQueryプラグインを探してみましたのでご紹介します。 まずはネットで口コミを見てまわり、評価の高そうなものの中から探してみました。 できればこの先しばらく使っていきたいという思いもあったので、いくつか条件を設けました。 レスポンシブ対応 スマホなどでのスワイプ操作対応 オプションをカスタマイズしやすい IE7対応 Owl Carousel いろいろ見ていく中で、最初に有力候補に上がったのが「Owl Carousel」でした。 上の条件にも当てはまり、CSS3 Transitionに対応したブラウザであれば、スライドだけでなく様々なエフェクトで見せることが可能です。 ただ、検証してみるとChromeとIE11でエフェクトが効きません。FirefoxやSafar
ページが見つかりませんでした | Stronghold Archive
404 Not Found. ページが見つかりませんでした。URLが変更されたか削除された可能性があります。The page you were looking for doesn't exist. You may have mistyped the address or the page may have moved.
スクロールで順に画像読み込みLazy Load Plugin for jQuery
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
[JS]ページのデザインに影響を与えないパーフェクトなスクロールバーの超軽量スクリプト -Perfect Scrollbar
Perfect Scrollbar Perfect Scrollbar -GitHub 何をもってパーフェクトなのか Perfect Scrollbarのデモ Perfect Scrollbarの使い方 何をもってパーフェクトなのか このスクロールバーにパーフェクトとつけた理由は、下記の4つだそうです。 ページ上のあらゆる要素にCSSで影響を与えないこと スクロールバーがオリジナルのデザインに影響を与えないこと スクロールバーのデザインは完全にカスタマイズ可能であること コンテンツの大きさが変化したら、スクロールバーの大きさと位置がそれに合わせて変化すること Perfect Scrollbarのデモ デモではあずにゃんの画像をホバーすると、スクロールバーが表示されます。 デモ：領域を拡大 バーの長さが変化していることに注目してください！ Perfect Scrollbarの使い方 Step
[JS]マジシャンがトランプを広げるように複数のパネルを華麗なアニメーションで広げるスクリプト -Baraja
デモページ：ダイナミックに重ねたりもできます Barajaの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。スタイルシートはhead内に配置します。 <link rel="stylesheet" type="text/css" href="css/baraja.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.baraja.js"></script> HTML 各アイテムはリスト要素で、画像や見出し・テキストを自由に配置できます。 <ul id="baraja-el" cl
Dynamic Drive DHTML scripts- jQuery Scroll to Top Control
Note: April 7th, 09'. Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. Also fixes scroll animation not working in Opera. Description: If your pages are long winded, it's a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That's where this script comes in. It displays a stationary co
jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 « iuser.jp
jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 - jQueryでページのトップにスクロールで戻るプラグインを実装します。ユーザビリティの向上に役立ちます。[カテゴリー：制作・デザイン / キーワード：JavaScript, jQuery, UI, スクロール, プラグイン, ユーザビリティ] - 2009/11/04 http://iuser.jp/?p=45 ツイート 最近の流行を抑えたサイトを見ていて気になる機能がありました。ページをスクロールして下へ移動すると、右下にスーッと出現する上向きのボタン。ポチっと押すと、ぬるっとスクロールしながらページのトップに戻ってくれる優れものです。 ホイールやスクロールバーを使って戻るのは、縦に長いページほど手間がかかるので、このプラグインがデザインの邪魔にならないのであれば是非実装してみましょう。場合によっては劇
ページ内で気持ち良いスムーススクロールをするためのjQueryプラグイン作った。 | モンキーレンチ
Posted by キタジマタカシ 2012年02月14日 21:33 Category : jquery.smoothScroll.js Tags : JavaScript, jQuery, プラグイン ページ内リンクをクリックした場合にスムーズにスクロールするようにしてくれるjQueryプラグインです。同じようなプラグインはたくさん公開されているのですが、これだ！というのがなかなかなかったので自作してみました。 ダウンロード jquery.smoothScroll.jsをダウンロード デモページ デモページ 使い方 下記のような感じでjQueryとjQuery.smoothScroll.jsを読み込みます。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jqu
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
Corner stamp · jQuery Masonry
Specifying a corner stamp will save space for it in the layout. The corner stamp feature is available as a modification of Masonry. Get it by copying the $.Mason.prototype methods included in the script in this page's source. $('#container').masonry({ itemSelector: '.box', columnWidth: 100, cornerStampSelector: '.corner-stamp' }); Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odi
サイドメニューなどを一定の範囲でのみ position:fixed させる jQuery Ex Flex Fixed - Cyokodog :: Diary
更新履歴 2012-04-27 Ver 0.2.0 再実装し、もろもろ痒いとこを解消しました。詳しくは下記エントリをどうぞ。 一定範囲で position:fixed させる Ex Flex Fixed がかゆいとこだらけだったので作り直しました 2012-02-09 Ver 0.1.3.1 Firefox の場合、watchPosition パラメータ が true でスクロール状態で画面更新すると固定位置がずれる不具合を修正しました。 IE の場合、水平方向非固定処理が有効にならないケースがある不具合を修正しました。 2011-12-31 Ver 0.1.3 固定表示する要素の位置が変化するケースにも対応しました。Demo 2011-11-05 Ver 0.1.2 IEで、固定表示する要素のmarginがautoの場合、正しく処理されない不具合を修正しました 2011-10-06 Ve
Tipped - The jQuery Tooltip
Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. Canvas graphics The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. This means that tooltip styles can easily be
jQuery - PrototypeにインスパイアされたJavascriptライブラリ
jQuery jQuery is designed to change the way that you write Javascript. jQueryはあなたのJavascriptプログラミングの方法に変化をもたらすように設計されている。 というわけで、jQueryを使ったJavascriptプログラミングにチャレンジしてみよう。 What is jQuery? jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery acheives this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leav
jQuery Flash Plugin
A jQuery plugin for embedding Flash movies. Features Simple, but powerful. Specify what you need, and nothing more -- sensible defaults take care of the rest. $('#hello').flash({ src: 'hello.swf', width: 320, height: 240 }); Perform sophisticated replacements by passing a custom callback. $('.custom').flash(null, null, function(htmlOptions){ // do stuff }); Overwrite the defaults to always to meet
Farbtastic Color Picker — Acko.net
jQuery Plug-in Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected. Download Farbtastic 1.2 - January 8, 2007 (License: GPL). Demo Farbtastic uses layered transparent PNGs to render a saturation/luminance gradien
jQMinMax - Add min-/max- height & width support
Author Dave Cardwell (jQuery plugins) Synopsis jQMinMax is a jQuery plugin that adds support for min-width, max-width, min-height and max-height where they are not natively supported. This page describes version 0.1. Usage Automatic jQMinMax automatically adds min/max support to those elements that require it on $(document).ready(). $('#foo').minmax(); This method checks to see whether the element
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
