jQuery Boilerplate - jQuery Plugin Registry
Suddenly you come across the idea of wanting to make a web page, but then a new word comes your way that you may not know. The plugins. What? It turns out that as soon as you see her you are scared, but calm down. It is nothing that complicated, and it turns out that they are quite an important tool when it comes to making your website. In fact, there are some essential plugins for a web page, s
LazyChain
FRP(Functional reactive programming) supporting DSL Lazy stream, monad, pattern match, guard implements in JavaScript Lazy Now Data-Oriented Design by Pipeline mainstream [input] | substream(async) | ----> | | : procstream | | ----> | | | | | | <---- | | | | | ajax(async) | | ----> | | | : | | <---- | | | | | worker(async) | | ----> | | | : | | <---- | | | | | process | | ----> | | | | | | <---- |
leanModal
Strengths perfect for hidden page content uber light at just over 1kb (minified) flexible width & height image free multiple instances on one page great for login, sign up & alert panels, etc. How To Use Step 1: together with JQuery, include jquery.leanModal.min.js in your page, thusly: <script type="text/javascript" src="path_to/jquery.leanModal.min.js"></script> Step 2: rather than call another
Fixed固定ナビゲーションを設置するときに気をつけたい4つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ライター内藤です。花粉、そして1pxと闘っているWebコーダーでもあります。 最近、立て続けに「上部固定グローバルナビゲーション」を使ったWebサイト構築に2件ほど携わりました。1件はWordPress、もう1件は手打ちの静的サイトです。改めて思ったのは「固定ナビゲーションには落とし穴がある」ということでした。 そこで、固定ナビゲーション設置に際して、私が個人的に体験した「落とし穴」と、その解決のためにやってみたことを4つほどご紹介したいと思います。 必ずしもこれが正解というわけではありませんが、同じようなことがあったときのお役に立てば幸いです。 …と、その前に。そもそも固定ナビゲーションとは何モノか、下図をご覧ください。 例としてFacebookを挙げてみました。上部に固定された青いバーの部分は、スクロールしても常に上部に固定されて消えません。 このようなナビゲーションは、一般的に下記の
pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
Cycle2
Overview Cycle2 is a versatile slideshow plugin for jQuery built around ease-of-use. It supports a declarative initialization style that allows full customization without any scripting. Simply include the plugin, declare your markup, and Cycle2 does the rest. Highlights: Supports all browsers Declarative: no scripting needed! Responsive: fully control your slideshow via css (resize this page to se
Magnific Popup: Responsive jQuery Lightbox Plugin
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Important note: This jQuery plugin is deprecated, only critical or security bug fixes will be released in future. Use native <dialog> element if you need a basic dialog/modal/popup, or my PhotoSwipe library if you need an advanced image
jQuery Bootgrid
HTML <table id="grid-basic" class="table table-condensed table-hover table-striped"> <thead> <tr> <th data-column-id="id" data-type="numeric">ID</th> <th data-column-id="sender">Sender</th> <th data-column-id="received" data-order="desc">Received</th> </tr> </thead> <tbody> <tr> <td>10238</td> <td>eduardo@pingpong.com</td> <td>14.10.2013</td> </tr> ... </tbody> </table> JavaScript $("#grid-basic")
fancyBox
Fancybox #Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. Supports images, videos, maps, inline content, iframes and any other HTML content. This is the fifth generation of Fancybox. Both Carousel and Panzoom components are used under the hood and that's what makes this project so unique. In addition, Fancybox is ea
【jQuery】超万能スライダー FlexSlider の使い方をマスターする。 - ONZE
今日紹介するのは jQuery プラグインの［FlexSlider］です。 これ、かなり便利です。 レスポンシヴ対応、タッチコントロールのフリックスライドにも反応、カルーセルもＯＫ、画像にリンクを貼ることはもちろん、キャプションも表示可能、動画もスライドできる、コントロールボタンやナヴィゲーションも細かく設定できる…。まさに“超万能”のスライダー。 とにかく「なんでもできる」印象で、スマートフォン対応サイトなどでは特に真価を発揮するのではないでしょうか。 まずはサンプルをご覧ください。 【FlexSlider】→サンプルデモ 高機能ですが、その導入方法は比較的簡単です。 ［FlexSlider］の導入方法 まずは以下のサイトから［FlexSlider］のプラグイン本体をダウンロードします。 http://flexslider.woothemes.com 続いて <head>〜</head>
noteをAngularJSで構築した話
2014/06/02 LIGにて行われたイベントの時に発表したスライド AngularJSを業務で使いたいけど今一歩踏み出せない方のための勉強会 http://eventdots.jp/event/52461Read less
Featherlight – The ultra slim jQuery lightbox.
Featherlight.js The ultra slim lightbox. Featherlight is a very lightweight jQuery lightbox. Lightweight Featherlight is very, very lightweight. 400 lines of JavaScript, 100 of CSS, less than 6kB combined. Don't be fooled by Featherlight's small footprint! It's smart, responsive, supports images, ajax and iframes out of the box and you can adapt it to your needs. To get started, simply add the "da
$.getJSONで得たJSONをグローバル変数に格納するには、$.ajaxでasync: falseで解決
$.getJSONで得たJSONをグローバル変数に格納するには、$.ajaxでasync: falseで解決 公開2014.03.16 更新2017.12.03 仕事・技術 地味にハマってしまったので備忘録として残しておきます。 今回問題となったのが以下のコード。 var hoge = {}; $.getJSON("http://sample.com/sample.json", {"data":"data"}, function(json) { hoge = json; }); console.log(hoge); これを実行すると取得してきたjsonがコンソールに表示されると思いますよね？ しかし上記コードを実行してもコンソールには何も表示されない、つまり変数hogeは空っぽのままなのです。 なぜこんなことになってしまうかという
Remodal - 使える場面の多そうなjQuery製モーダルウィンドウライブラリ MOONGIFT
jQueryでモーダルウィンドウ表示を行いたい時に使えるのがRemodalです。カスタマイズが多彩、軽量といった特徴があります。 ふわっと浮き出るのも印象的です。 Remodalのインストール まず手順としてスタイルシートとJavaScriptを読み込みます。 <link rel="stylesheet" href="path/to/your/jquery.remodal.css"> <script src="path/to/your/jquery.remodal.min.js"></script> 次にHTML全体をクラスで囲みます（背景を暗くするためです）。 <div class="remodal-bg"> ここにHTMLを記述 </div> そしてモーダルウィンドウで表示する内容を記述します。 <div class="remodal" data-remodal-id="modal">
Owl Carousel
How To Use 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. <!-- Important Owl stylesheet --> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <!-- Default Theme --> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <!-- jQuery 1.7+ --> <script src="jquery-1.9.1.min.js"
Backgridjs
The goal of Backgrid.js is to produce a set of core Backbone UI elements that offer you all the basic displaying, sorting and editing functionalities you'd expect, and to create an elegant API that makes extending Backgrid.js with extra functionalities easy. Advantages No Hungarian notations. Fully reactive. Relevant parts of the grid re-renders automatically upon data changes. Semantic and easily
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://bqworks.com/slider-pro/
Scott Robbin
Flatis
GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions.
