ぐるぐると回転できる jQuery プラグインを試してみたメモ
↑ まわしてみてください。 特に難しいことはなく、JavaScript ファイルと css ファイルを読み込み、下記のコードを書くだけ。（あと、必要ならばプラグインの画像ファイルもね） 画像は、『1.png、2.png、3png…』という連番ファイル。 [html] [/html] [html] [/html] [javascript] window.onload = init; var car; function init(){ hoge = $(‘.hoge’).ThreeSixty({ totalFrames: 52, // Total no. of image you have for 360 slider endFrame: 52, // end frame for the auto spin animation currentFrame: 1, // This the star
jInvertScroll - A lightweight jQuery horizontal Parallax scrolling plugin
jInvertScroll - A lightweight jQuery horizontal Parallax Plugin What is it? It's a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It's extremely easy to setup and requires nearly no configuration. Note: By using this plugin, we expect that you know the limitations of horizontal parallax scrolling, for instance if the screen height i
animo.js • Labs by Big Room Studios
animo.js A powerful little tool for managing CSS animations Stack animations, create cross-browser blurring, set callbacks on animation completion, make magic. August 13th, 2013 by Daniel Raftery You can easily install animo via the GitHub repo or using bower's package manager. Using First and foremost, animo includes the amazing animate.css library by Dan Eden which provides you with nearly 60 be
ポップアップ
HTML Include Script Files <script type='text/javascript' src='jquery.popeasy.js'></script> <script type='text/javascript' src='site.js'></script> Place in body <a class="popeasy" href="#">Click Me <div class="overlay"></div> <div class="modal"> <a href="#" class="closeBtn">Close Me</a> <!-- content here --> </div> CSS .overlay{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:
zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox
lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML まずは、基本構造です。 HTML5のdata属性で拡大する画像を指定し、classに「superbox-im
PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」:phpspot開発日誌
Swipeshow: the unassuming touch-enabled slideshow JavaScript library PCでもスマホでもスワイプで画像が遅れるスライドショー実装jQueryプラグイン「Swipeshow」 次のようなデザインで、スワイプで画像が遅れるスライドショーが実装できます 画像だけでなく、HTMLを埋め込むことも可能。主にスマホ用として便利に使えそうです。自動再生等必要な機能は揃っています 選択肢の一つとして考えても良いかも 関連エントリ スワイプできるLightBox実装jQueryプラグイン「Swipebox」 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」
文字数、段落数、単語数を簡単に数えられるJSライブラリ「Countable.js」:phpspot開発日誌
Countable.js?live word-counting in JavaScript 文字数、段落数、単語数を簡単に数えられるJSライブラリ「Countable.js」 文字数を数えるライブラリは沢山ありますが、段落や単語数までカウントしてくれるライブラリははじめてかも。 文字数、段落のカウントは日本語にも対応しています（単語数は非対応） 文書を書いてもらって送ってもらうような場合の入力補助ライブラリとして使えそうです 関連エントリ 美しくアニメーションさせられる線・棒グラフ描画JSライブラリ「xCharts」 jQuery風に簡単にCanvasを扱えるラッパーライブラリ「Canvas Query」 Bootstrapに追加で使えるjQueryベースのUIライブラリ「w2ui」 JavaScriptオフ、CSSをのみで動くツールチップライブラリ「hint.css」 シンプル多機能なW
jQuery用のよく使うUIコンポーネントセット「ZinoUI」:phpspot開発日誌
ZinoUI - jQuery UI components library, HTML5 framework jQuery用のよく使うUIコンポーネントセット「ZinoUI」 アコーディオン、ボタン、チェックボックス等、次のように豊富なコンポーネント群が利用できるUIコンポーネントセットです。 デザインもなかなか綺麗に作られていて、便利に使えそうです TwitterBootstrap風のテーマもあったらもっと使われるんじゃないかと思っています、が併用してもそこまで違和感なく使えそう。 関連エントリ これは超使いやすいページネーションの次世代UI UIがカッコいいオートコンプリート実装jQueryプラグイン「Ajax AutoComplete」 折りたたみ可能なタイムラインのUIを実装できるjQueryプラグイン「Timeliner.js」 フルスクリーンでページめくりをするUI実装デモ 数
テキストエリアを動的リサイズ＆カスタマイズ可能なjQueryプラグイン:phpspot開発日誌
Expanding Textareas jQuery Plugin テキストエリアを動的リサイズ＆カスタマイズ可能なjQueryプラグイン。 文字の量に応じて自動でリサイズするテキストエリアはブラウザ標準でも付けてもらいたいぐらい便利なのですが、最低の高さを設定したり、リサイズ時のコールバックを設定したりできるプラグインのご紹介。 テキストをいれてなくても最小のサイズが指定できるのは便利。 リサイズされた時のコールバック設定により、現在の行数なんかを表示することもできますね 関連エントリ textareaのキャレットを細かく制御する関連jQueryプラグインまとめ 通常のtextareaを絵文字入力可能にできる「jquery-emojiarea」
jquery.phantascope by barneyfoxuk
jQuery plugin for animating sprite sheets This project is still in BETA so please contact me with any bugs you find! View the Project on GitHub barneyfoxuk/jquery.phantascope Download ZIP File Download TAR Ball View On GitHub Phantascope A jQuery plugin for animating sprites. Example The example below uses this sprite sheet for the character's animation. Use your arrow keys to interact with the ch
LazyLine: Best VPN Services
VPN What is VPN and why do you need it?VPN, or Virtual Private Network, is a technology that allows you to create a secure and private connection to the internet. With VPN, you can protect your online activities from prying eyes and access the internet with greater freedom and privacy. Learn more about VPN and why it’s essential in today’s digital world. Get Secure Now: The Honest VPN Rating Site
いろんな種類のツールチップを簡単実装できる「Opentip」:phpspot開発日誌
Opentip | The free tooltip いろんな種類のツールチップを簡単実装できる「Opentip」 次のような良い感じのデザインのツールチップが、jQuery,Prototypeベースに加え、スタンドアロンでも動かせるようです。 canvasベースの描画ですが、IE7+にも対応。Ajaxによるツールチップの読込にも対応しています 関連エントリ 色々とカスタマイズが可能なツールチップ実装jQueryプラグイン「PowerTip」 スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」 可愛いツールチップを実装したjQuery＆CSS3のデモ「Sweet Tooltip」
Textillate.js
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.
【jQuery】要素の”外側”のクリックイベントを捕捉「skOuterClick」 | webシステム開発会社よりフリーランスのSEプログラマースコブト
jQueryでダイアログボックスのような機能を開発していたとき、ふと「ある要素”以外”」にクリックイベントハンドラを仕掛けられたらいいのにと思いました。 そんな思いでプラグインを探していたところ、kawama.jpさんの記事 jqueryで指定要素”以外”のクリックイベントを実装するouterClickプラグイン にたどり着きました。 残念なことに現在は肝心のプラグインが公開されておらず、リンク切れになってしまっている模様です。ほかを探してみましたが、探し方が悪いのか一向に見つからず…。 ということで、outerClickプラグインのスコブト版、その名も「skOuterClick」を作りました！ ダウンロード jquery.skOuterClick :Github こちらに公開しました。 ここを右クリックして「名前をつけて保存」 でダウンロードできます。 デモ 「ボックスを表示」ボタンをク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fluidbox, a jQuery plugin for beautiful lightboxes
画像からカラーを取得して背景に適用するjQueryのプラグイン。
Loading...
vnjs.net