2015年総まとめ、jQueryのプラグインとスクリプト100選
毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 ソーシャル関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェクト関連 テキスト関連 タブ・アコーディオン関連 テーブル・リスト・チャート関連 フォーム関連 パネル・ボックス関連 モーダル
Mousetrap - Keyboard shortcuts in Javascript
A simple library for handling keyboard shortcuts in Javascript. Try pressing some of the keys here: // single keys Mousetrap.bind('4', function() { highlight(2); }); Mousetrap.bind('x', function() { highlight(3); }, 'keyup'); // combinations Mousetrap.bind('command+shift+k', function(e) { highlight([6, 7, 8, 9]); return false; }); Mousetrap.bind(['command+k', 'ctrl+k'], function(e) { highlight([11
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
galleria.io - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
Basic plugin
How to use only the Basic plugin (minimal setup guide) The plugin download package comes with a complete user interface based on Bootstrap. However, if you want to build your own user interface, it is possible to use only the basic plugin version and a minimal setup. The following is an alternative to index.html with only the minimal requirements and a simple done callback handler (see API and Opt
imgタグの画像のロードタイミングを制御できるjQueryプラグイン"Lazy Load" - ふろしき Blog
Webページを表示する時、画面に表示されていない無駄な画像までロードしていませんか？ 画像のロードは、Webブラウザの表示を遅らせるだけでなく、サーバ側にも負荷を与える厄介な処理でもあります。"Lazy Load"は、そんな画像ファイルのロードタイミングを、JavaScript側で制御できるjQueryプラグインです。 JavaScriptで画像ファイルのロードのタイミングを制御できるということは、画像ロードによるサーバ負荷を分散させるアプローチが可能になります。また画面に一度も表示されないような画像はロードさせないように制御すれば、負荷そのものを減らすことも可能になります。 Webブラウザ側でも、ページ自体をロードする際に一括で画像ファイルをロードさせる必要がなくなるので、表示速度の改善に繋げることができます。動作環境は、モダンブラウザはもちろんのこと、IE8以上から動くことが確認されて
Responsive Touch Slider/Gallery/Carousel/Banner/Slideshow html
Jssor Slider is touch swipe image slider carousel with 200+ slideshow effects. When touch Jssor Slider, it will freeze and then move to the direction that finger swipes to. It comes with javascript library source code.
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
【レポート】jQueryテストスイート「QUnit」がスタンドアロン化! 使い方を早速チェック (1) QUnitとは? | エンタープライズ | マイコミジャーナル
jQueryでユニットテストをおこなう - QUnitとは 高機能・軽量のJavaScriptフレームワークで、デベロッパにも人気の高いjQuery。そのjQueryをベースとしたテストスイートに「QUnit」がある。 QUnitはJohn Resig氏とJorn Zaefferer氏が中心となって開発をおこなっているユニットテスティングフレームワーク。デベロッパはQUnitを使うことで、jQueryを使ったJavaScriptコードを書くように、簡単にテストを記述できるようになる。同ライブラリはjQueryと同じく、The MIT LicenseとGNU GENERAL PUBLIC LICENSE Version 2のもとで公開されている。 去る9月29日(米国時間)、開発者であるJohn Resig氏はTwitter上で次の3点をアナウンスした。 QUnitはjQueryに依存した実
jQuery Animated Pageswitch Plugin
jQuery Pageswitch Plugin This lightweight and easy to use jQuery Pageswitch Plugin allows you to easily add site-animations to your navigation. Example Try this links to test jQuery Pageswitch Plugin: HTML <div id="example"> <a href="index.html">Example #1</a><br /> <a href="http://www.example.com">Example #2</a><br /> </div> JavaScript <script type="text/javascript"> $(document).ready(function()
Opera News
Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your smartphone and tablet and browse like a badass by installing dozens of Mods... New green energy-powered AI data cluster with NVIDIA DGX supercomputing coming to Iceland February 7th, 2024 We’re excited to announce plans to deploy a new AI cluster i
jquery [paulownia.jp]
すべてはここから $(DOMエレメント) $("CSSセレクタ") 例 $(document.body); $("div, #hoge, p.fuga"); セレクタ class=“hoge”のAタグにclickイベントを設定。 $(function(){ $("a.hoge").click( function(event) { window.alert("クリック"); event.preventDefault(); } ); }); ページロードが完了したら関数を実行 $(関数) class=“hoge” な a のDOMエレメントノードを保持しているjQueryオブジェクトを取得 $("a.hoge") 上記のjQueryオブジェクトが保持しているエレメントノードに対してonclickイベントを設定 $("a.hoge").click(関数) この場合$(“a.hoge”)で取れる要
Useful jQuery Plugins to Enhance HTML Tables - noupe
This post contains 40 varieties of functional jQuery tables plugins that let you achieve the maximum functionality and flexibility that you cannot get with the classic ways of using HTML tables. With the right jQuery plugin, you can create dynamic tables in which users can identify and sort out all the sections they want. These plugins will help you in creating user friendly and dynamic tables wit
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン:phpspot開発日誌
ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグイン 2010年11月15日- SelectBox Plug-in ユーザ登録時にパスワード強度表示を入れてと言われた場合にサクッと実装できるjQueryプラグインのご紹介。 ユーザ登録の際に、パスワード強度を表示するサイトが多くなってきていますが、利用者がパスワードを決める場合に注意が働くためサイト全体としての安全性が高まるという点で効果がありそうですね。 仕事でサイトをつくっていて、あの機能入れてくれといわれた場合に、瞬時に実装できそう。 パスワードが弱い場合は次のように表示されます。 いい感じの場合はGoodが表示されます。 出し方は次のようにメソッドに渡すオプションを変更するだけでかえられます。 IDとパスワードが同じでもエラーを出せたりします。 関連エントリ パスワード生成や年齢計算等、P
海外で流行中のダイアログ表示をjQuery UIで (2/3)
ダイアログボックスに表示する内容を定義する jQuery UIでダイアログボックスを表示するには、ダイアログボックスに表示する内容を div要素で定義します。 div要素には id属性でIDを振り、title属性にダイアログのタイトルバーに表示する内容を指定します。div要素はそのままページ内に表示されてしまわないように、style属性に display: none; を指定して非表示にしておきましょう。 たとえば上のダイアログボックスを表示する場合は、次のような div要素をHTMLに入れておきます。 <div id="dialog" title="ダイアログボックス" style="display : none;"> お名前を入力してください。<br /> <input type="text" name="yourname" id="yourname" size="20" /> </d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - RobertoPrevato/jQuery-KingTable: A jQuery plugin for administrative tables that are able to build themselves, on the basis of the input data.
jQuery AniView
GitHub - kthornbloom/Smoothslides: Responsive jQuery slideshow with Ken Burns style animations
jQuery Content Slider | Responsive jQuery Slider | bxSlider
GitHub - kotarok/jQuery.zip2addr: Google日本語入力を利用して郵便番号から住所を補完。JSのみで動作。メンテフリー。Complement address string from zip code with using Google Japanese Input API. Works with JS alone, no server side system required. Maintenance free.
