modal-video.js は、弊社が2017年2月にリリースしたビデオコンテンツ再生用のJavaScriptライブラリです。このライブラリは、コンテンツ内に設置された YouTube、Vimeo、mp4 などを モーダルウィンドウ を開き、より大きく動画を再生できるようにするために作られました。 誰でも自由に利用いただけるように MIT license で GitHub で公開しています。
modal-video.js - 動画をモーダルウィンドウで表示する jQueryプラグインをリリースしました | JavaScript | ブログ | 名古屋のCMS構築・Web制作会社 アップルップル
modal-video.js は、弊社が2017年2月にリリースしたビデオコンテンツ再生用のJavaScriptライブラリです。このライブラリは、コンテンツ内に設置された YouTube、Vimeo、mp4 などを モーダルウィンドウ を開き、より大きく動画を再生できるようにするために作られました。 誰でも自由に利用いただけるように MIT license で GitHub で公開しています。
jQuery.floatThead
Hey! This ad ⟶ is not an ad. I get nothing from it. Stuck on the website you're trying to build? Learn how to solve the problem with my 1:1 website coaching support, or simply make the problem disappear by having me do it for you. Learn more about both options here: leverwebsites.com Intro jquery.floatThead is a floating/locked/sticky/fixed table header plugin that requires no special CSS and supp
jQuery File Uploadを利用した大容量ファイルのアップロードをChunked uploadで実現する - KayaMemo
大容量のファイルをアップする際に、通常のinput type=fileで送ろうとすると herokuだとタイムアウトになったりして上手くいかなかった。 なので、jQueryのファイルアップロードプラグインにある、chunk uploadを利用してアップした。 ・Github blueimp/jQuery-File-Upload 公式のjQuery File Uploadのデモは以下。 https://blueimp.github.io/jQuery-File-Upload/ セットアップの流れは以下を参考に。 https://github.com/blueimp/jQuery-File-Upload/wiki/Setup 通常のアップロード 以下から最新バージョンをダウンロード。 https://github.com/blueimp/jQuery-File-Upload/releases
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
【jQuery】超簡単に実装できるモーダル・ウィンドウ［Remodal］の使い方
今日は超簡単にポップアップ・ウィンドウを実装できる［Remodal］を紹介します。 まずは下記リンク先より、実際の挙動をご確認ください。 オンズの実装サンプル : https://on-ze.com/demo/jquery-remodal/ ファイル容量が軽いため挙動も早く、レスポンシブ対応で、アニメーション部分はCSSに依存しています。 後で紹介するスタイルシートの［remodel-default-theme.css］がアニメーションを司っていて、そこで動作の処理を指定する仕組みになっています。 以下、実装方法を紹介していきます。 ［Remodal］の必要なファイルを読み込む はじめに［Remodal］の公式サイトより、必要なファイルを入手してきます。 Remodal : http://vodkabears.github.io/remodal/ GitHub : https://gith
Yousoro.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
クリッカブルマップを正確な座標点で作成する方法 | NIWAKASOFT
不動産系のサイトや、求人媒体系のサイトでよく見かける、地図画像上の県や地域毎にリンクを設定して、オンマウスで該当範囲が切り替わるアニメーションを今回は作成して行こうと思います。※今回の記事はアドビの画像編集ソフトをフル活用いたします。主にフォトショップ（イラストレーター・ファイヤーワークスでも可）を使用致しますので該当ソフトが無い方は申し訳ありません。 まずは下のサンプルを御覧ください、それぞれの県の上でオンマウス時に画像が切り替わっていると思います。 このサンプルの地図のように「四角」で区切られたリンク領域であればドリームウィーバーで完結出来てしまいますが、例えばディフォルメされていない正確な地図にクリッカブルマップを作成したい場合などに力を発揮することができます。それでは早速作成手順の紹介です!! フォトショップ等で地図として使用したい画像の作成 画像は2枚必要になります。 元画像 オ
jQuery でイメージマップ：ほんっとにはじめてのHTML5 サンプル
jQuery プラグイン ImageMapster で、イメージマップのロールオーバーを変化させる このサンプルは、jQueryベースの「ImageMapster」というプラグインを使っています。 画像を最低2種類（ノーマル、ロールオーバー用）だけ用意すれば良いので簡単です。 「九州」のみ、リンクを外部サイトにしています。（他はこのページの下部にリンク） ★イメージマップは本来「target="_blank"」が設定できますが、「ImageMapster」を使うと無効になるようです...。 サンプルを修正しました（2013年4月） このサンプルは「リンクできない」というご指摘をいただき、ソースを修正しました。 ご迷惑をおかけした方々、申し訳ございませんでした。 解決のソースを送信してくださった中村様、ありがとうございました！！ 以前のソースはこちら。 ロールオーバーで japan2.gif
Documentation • jQuery Feeds
Google Feed API was retired, thus this project is broken. There are no plans to fix it. jQuery Feeds - RSS/Atom aggregator using jQuery Easily create news streams and social activity widgets using the jQuery Feeds Plugin. Launch the demo! Features Fetch entries from multiple RSS or Atom feeds Entries are combined and displayed in chronological order Fully customizable markup Fully customizable loa
Moment.js | Parse, validate, manipulate, and display dates in javascript.
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format
レスポンシブに対応したテーブルを実装できる「FooTable」
「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード Footable (v2) レスポンシブ対応テーブル ソート フィルタ ページネーション など スクリプト <link href= "css/footable.core.min.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js" type="text/javascript"></script> <script src="js/footable.js" type="text/javascript"></script> スタイルのテーマが用意されています。standaloneもしくはmetroをインクルードして下さい。 <!-- テーマスタイル --> <l
FlexSlider 2
// Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); <!-- Place somewhere in the <body> of your page --> <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
Freezeheader
jquery.freezeheader A simple jquery plugin to freeze header row in html table. Installation Include script after the jQuery library (unless you are packaging scripts somehow else): <script src="/path/to/jquery.freezeheader.js"></script> Usage Create a table with fixed header and scroll bar: $(document).ready(function () { $("#tableid").freezeHeader({ 'height': '300px' }); })
超絶簡単にワンページスクロールサイトが作れるjQueryプラグイン『Smint』
SMINT メニューをクリックするとスルスルっと縦スクロールしていって、コンテンツの部分でとまるワンページスクロールのサイトを作りたい方にぴったりのjQueryプラグインです。 スクロールさせても、ナビゲーションバーがページの上部に固定されます。 サンプルをご覧下さい。 → 超絶簡単にワンページスクロールサイトが作れるjQueryプラグイン『Smint』サンプル ワンページスクロールサイトの人気はまだまだ続いていますね。ワンページスクロールサイトは訪問者にとって迷いにくいデザインです。必要な情報を確実に見て貰いたいという場合には有効です。 一から作ろうとすると意外と手間のかかるナビゲーション付きワンページスクロールサイトですが、このjQueryプラグインを使用すると簡単です。 それでは、設置方法の説明をします。 こちらのサイトから一式ダウンロードしてきましょう。こちらのサイトもこのjQue
Lightbox
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 including the Lightbox CSS and Javascript. You can grab both these files from the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Clean USA Map Demo - JSFiddle - Code Playground
Superfish Suckerfish on ’roids
jQuery Slider | Responsive jQuery Slider | bxSlider
Scott Robbin
http://www.designwalker.com/2009/09/jquery-table.html
