[JS]かっこいい！ブラウザや要素いっぱいに背景画像やスライドショーをアニメーションで表示するスクリプト -Vegas 2 | コリス

2015/03/19 161 users コリス jQuery スクリプト エフェクト DOM要素

画像をブラウザやDOM要素の背景いっぱいに表示し、フル表示の画像にかっこいいエフェクトを加えたり、スライドショーを設置できるjQuery/Zeptoのプラグインを紹介します。 アニメーションやオーバーレイが数多く用意されており、画像にスタイリッシュなエフェクトを加えることが簡単にできます。 Vegas 2 Vegas -GitHub Vegas 2は以前紹介した1の単なるバージョンアップではなく、... 続きを読む

PgwBrowser - Browser & OS / platform detection plugin for jQuery / Zepto

2014/09/12 21 users Browser

PgwBrowser is a lightweight and easy-to-use browser, os / platform detection plugin for jQuery and ZeptoPgwBrowser - Browser & OS / platform detection plugin for jQuery / Zepto Detection of desktop an... 続きを読む

[JS]ヘッダをスクロールに合わせて表示・非表示する1ランク便利なスクリプト -Headroom.js | コリス

2013/12/10 211 users コリス jQuery AngularJS GitH ヘッダ

スクロールベースのページを実装する時にぴったり！　ヘッダをユーザーのスクロール操作に合わせて表示・非表示するスクリプトを紹介します。スクロールのダウン・アップでclassを付与するので、ヘッダに限らず他にもいろいろと使えそうです。 スクリプトは単体で動作しますが、jQuery/ZeptoやAngularJSのプラグインとしても動作します。 Headroom.js Headroom.js -GitH... 続きを読む

[JS]スマフォなどのジャイロスコープにも対応した一味違ったパララックスを実装するスクリプト -Parallax.js | コリス

2013/08/27 84 users jQuery ジャイロスコープ パララックス コリス 傾き

シンプルな実装で、ウェブページに奥行きを与えるパララックスを実装するjQuery/Zeptoの軽量プラグインを紹介します。 スマフォやタブレットの傾きに対応しているだけでなく、摩擦係数なども設定できるので、一味違った面白いことができそうですね。 Parallax.js Parallax.js -GitHub Parallax.jsのデモ Parallax.jsの使い方 Parallax.jsのデモ... 続きを読む

[JS]Google Analyticsを使ったABテストが簡単に実装できるスクリプト -easyAB | コリス

2013/07/18 90 users jQuery コリス スクリプト ABテスト バナー

ランディングページやバナーなどで、クリックされるテキストはどっちだろう？ カラーを変えるとクリック率があがる？ など、どちらがより効果的か検証することができるABテストを簡単に実装できるjQuery（Zeptoにも対応）の超軽量（2KB）プラグインを紹介します。 easyAB easyAB -GitHub easyABのデモ easyABの使い方 easyABのデモ ABテストをページ上で、実際に... 続きを読む

[JS]高さの異なるパネルをレンガ状に配置する機能最小限・実用性重視の超軽量スクリプト -waterfall | コリス

2013/06/25 180 users GitHub Waterfall コリス div要素 デモ

div要素などで配置した高さの異なるパネルをレンガ状に一定の隙間で配置するjQuery兼Zeptoのプラグインを紹介します。 左のサイドバーは適用なし、右だけレンガ状にできます。 waterfall waterfall -GitHub そういえば最近、デモにzeptoの方を使ってるプラグインが増えてきましたね。 waterfallのデモ waterfallの使い方 waterfallのデモ スクリ... 続きを読む

MVCフレームワークのBackbone.jsが正式版1.0に到達。jQuery互換のモバイル向け「Zepto」も1.0に － Publickey

2013/03/21 134 users Publickey MVC MVCフレームワーク 到達 知名度

JavaScriptのMVCフレームワークとして、おそらくもっとも知名度が高いと思われるBackbone.jsが、ついに正式版となるバージョン1.0としてリリースされました。 Backbone.jsは、わずか1500行程度のとても軽いフレームワークなのが最大の特徴です。昨年末には翻訳コミュニティのenja-ossによってコメントをすべて日本語訳したソースコードが公開されています。 MVCを実現する... 続きを読む

レスポンシブデザイン・フレームワークの「Foundation」に新版が登場。「モバイルファースト」を強化してZeptoを採用

2013/03/02 120 users zurb Bootstrap Foundation 観点 採用

プロダクトデザインを手がけるZURBがFoundationの新しいバージョン（バージョン4）をリリースした。Foundationというのは、Bootstrapなどと同様のレスポンシブデザインのためのフレームワークだ。ZURBによると、新しいバージョンはモバイルファーストの観点から、完全に書き直されたものだとのこと。「デザイナーに新たな考え方を促すものとなるでしょう」としている。ページの開発にあたっ... 続きを読む

モバイルアプリ向けJavaScriptフレームワーク「Junior」、Backbone、Zeptoなどを採用し、ネイティブのルック＆フィールを持つ － Publickey

2013/01/09 182 users Publickey Junior Backbone モバイル

Juniorは、Justin Martin氏が開発したフレームワーク。Martin氏は“My holiday project”としてJuniorを開発したとツイートしています。 Juniorの特徴は、モバイルに最適化したCSSトランジションによるスムーズな画像効果、zeptoやbackbone.jsなど多数のライブラリに依存していることなど。UIコンポーネントはRatchetを利用しているようで、... 続きを読む