Lightbox
Lightbox 3 — Zero dependencies. Fluid animations. Built for touch. Check it out → Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by
scrollnav.js
A small, dependency free JavaScript plugin for auto generating and tracking single page navigation (aka a Table of Contents) Get started View the demos Features Simple setup Pass your page’s content to scrollnav and it will generate the navigation and track scrolling automatically. Fully customizable All the styling is up to you, make scrollnav look and behave however works best for your project.
テキストを均等割り付けしてくれるjQueryプラグイン「jQuery.justify.js」
Justified / ark 先日仕事で「Webページにおける文字の均等割り付け」を行わなければならない場面がありまして。 「そんなんCSSで簡単にできるでしょ」と思っていたら、text-align:justify;がwebkit系のブラウザだと上手く動かないことが発覚。 無理やりスペースつこうて揃えてやろうかなどと思っていたところ、NxWorldの@nxworld_net さんにテキストの均等割り付けをしてくれるjQueryプラグイン「jQuery.justify.js」を教えて頂きました:) 参考：文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js | php-tips @OZPA 情報古いし試してないので保証はできないんですが、http://t.co/8Efen0aVwGみたいなjustify実装みたいなjQueryプラグイン使うとかですかね…。僕は
カレンダー実装プラグイン「Bootstrap Calendar」
「Bootstrap Calendar」はBootstrap 3ベースでカレンダーが実装できるjQueryプラグインです。 ダウンロード スクリプト <link href="bootstrap.css" type="text/css" rel="stylesheet"> <!-- Bootstrap 3 --> <link href="css/calendar.css" type="text/css" rel="stylesheet"> <script src="underscore-min.js" type="text/javascript"></script> <script src="js/calendar.js" type="text/javascript"></script> <script src="bootstrap.js" type="text/javascript"></
非常にきれいなアラートを表示する「jQuery Alert Dialogs」
非常にきれいなアラートを表示する「jQuery Alert Dialogs」 Check Tweet 配布元：jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) ライセンス：GNU General Public License. 「jQuery Alert Dialogs」はjQueryで非常に美しいアラートやプロンプトを表示するJavaScriptライブラリです。 使い方 jquery.jsと配布元よりダウンロードしたjquery.alerts.jsとjquery.ui.draggable.js、jquery.alerts.cssをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/ja
非常に美しいLightBoxスクリプト「Sexy LightBox」
非常に美しいLightBoxスクリプト「Sexy LightBox」 Check Tweet 配布元：Sexy LightBox ライセンス：MITライセンス Sexy LightBoxは非常に美しい動きをするLightBox系のJavaScriptライブラリだ。 ベースエンジンはMootoolsを利用するか、jQueryを利用するか選択できる為、現在利用しているライブラリに合わせて柔軟に利用することができる。 利用方法 mootoolsを利用する場合はmootools本体と配布サイトからダウンロードした「sexylightbox.v2.2.mootools.js」と「sexylightbox.css」をhead要素などで読み込む。配布ファイルに同梱されている「sexyimagesフォルダ」も利用したいファイルと同じ階層に配置しておこう。 <script type="text/javasc
[JS]これスゴイよ！スクロール時にさまざまな楽しいエフェクトを与えるスクリプト -ScrollMagic
スクロールに合わせて、さまざまなアニメーションをシンクロさせるjQueryのプラグインを紹介します。 Appleのプロダクトページのように次々に要素を表示したり、簡単にパララックスを加えたり、特定の要素をスクロール時にピンで留めて表示したりなど、スクロール系のエフェクトは全部できてしまう感じです。 スマフォなどレスポンシブ対応はもちろん、水平スクロール、無限スクロール、div要素の内側のスクロールなどにも対応しています。
クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」
TOP > plugin > クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」 魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。 （Drop） そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。 詳しくは以下 scrollReveal.js スクロールするとバーの動きを楽しむことができるプラグイン。個性的なデザインのサイトに仕上げたい時におすすめ。 leas
[JS]スクリプト初心者でも簡単！レスポンシブ対応のナビゲーションやコンテンツを横から表示するスクリプト -Slidebars
最近よく見かけるトレンドの一つ「Off Canvas」、コンテンツの横からナビゲーションやコンテンツをアニメーションでスライド表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 Slidebarsの使い方 Step 1: 外部ファイル 当スタイルシートをhead内に、jquery.jsと当スクリプトを</body>の上に記述します。 <head> ... <link rel="stylesheet" href="slidebars.min.css"> <head> <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="slidebars.min.js"></script> </body> St
簡単で高機能！デザイナー必見の汎用性が高いjQueryプラグイン7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近、いろんな先輩方から「お前服だっせえな」と言わるので、ファッションの傾向を泣く泣く変えました。嵐の相葉君をお手本にこれまで頑張って参りましたが、相葉君には近づけませんでした。無念。 さて、今回はさまざまなシーンで活用できる、汎用性の高いjQueryプラグインを7つほどご紹介させていただきます。簡単＆シンプルで優れた機能のものばかりなので、ぜひご覧ください。ダウンロードできる本家サイトのほかに、日本語で分かり易く解説してくださっているサイト様のURLも合わせて載せておきます。 1.世界一使いやすいスライダー”bxslider.js” カスタマイズ豊富で、設置の仕方も超簡単！弊社CTOづやさんのオススメでもあります。 フリック、スワイプも対応しています。最強すぎます。 ダウンロード：bxslider様
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タイプライターアニメーションエフェクト実装「jQuery.Hypertext.Typewriter」:phpspot開発日誌
テキストを部分的にアニメーションしながら交換できる「jQuery Text Rotator」:phpspot開発日誌
GitHub - slywalker/TwitterBootstrap: Plugin for CakePHP2 to use Bootstrap, from Twitter (CSS JS Framework)
https://cdn.jsdelivr.net/gh/loganstellway/ZoomIt@master/demo.html
GitHub - humaan/Modaal: An accessible dialog window library for all humans.
GitHub - sutara79/jquery.breadcrumbs-generator: jQuery plugin to generate breadcrumb list automatically from sitemap.
Animate Css Jquery
本をめくるようなエフェクトを実装できるjQueryプラグインまとめ！
CakePHPで無限スクロール - Qiita
おしゃれで軽量なシェアボタンを実装できるjQueryプラグイン:phpspot開発日誌