modal-video.js は、弊社が2017年2月にリリースしたビデオコンテンツ再生用のJavaScriptライブラリです。このライブラリは、コンテンツ内に設置された YouTube、Vimeo、mp4 などを モーダルウィンドウ を開き、より大きく動画を再生できるようにするために作られました。 誰でも自由に利用いただけるように MIT license で GitHub で公開しています。
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
大容量のファイルをアップする際に、通常の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
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
BackWPupは、WordPressで構築したブログ・Webサイトを丸ごとバックアップできるプラグインです。 データベースおよびサーバーファイルのバックアップができます。 バックアップの保存先は、様々なオンラインストレージやFTP接続でのバックアップに対応しています。 このプラグインは有料版もありますが、無料版でも十分過ぎるほどバックアップ機能が充実しています。 バックアップ機能があるプラグインとしては一番高機能で使いやすいです。 この記事では「データベース」と「サーバーファイル」のバックアップの設定方法を解説しています。 記事データの「XMLエクスポート」にも対応しています。 はじめに このプラグインが優れていること WordPressの様々なデータのバックアップができる。 バックアップのスケジュールを設定すれば、後は継続的にバックアップ処理が実行される。 WordPressのデータベ
今日は超簡単にポップアップ・ウィンドウを実装できる［Remodal］を紹介します。 まずは下記リンク先より、実際の挙動をご確認ください。 オンズの実装サンプル : https://on-ze.com/demo/jquery-remodal/ ファイル容量が軽いため挙動も早く、レスポンシブ対応で、アニメーション部分はCSSに依存しています。 後で紹介するスタイルシートの［remodel-default-theme.css］がアニメーションを司っていて、そこで動作の処理を指定する仕組みになっています。 以下、実装方法を紹介していきます。 ［Remodal］の必要なファイルを読み込む はじめに［Remodal］の公式サイトより、必要なファイルを入手してきます。 Remodal : http://vodkabears.github.io/remodal/ GitHub : https://gith
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
Google Chromeコンソールにサーバーアプリからログ出力するChrome拡張機能Chrome Loggerのご紹介です。 Chrome Loggerは、簡単に言うとJavascriptのconsole.logの開発言語版です。 phpだけでなく次の言語のライブラリがあります。 Python PHP Ruby Node.js .NET ColdFusion Go Java Perl詳細はこちらChrome Logger 使い方Chrome Loggerのインストール 拡張機能Chrome Loggerこちらから追加します。 GoogleChromeに追加されると、ブラウザ右上にアイコンが現れます。 デバッグするブラウザ（カレントタブ）でクリックするとそのドメインがactiveとなりアイコンが青色になります。 ライブラリをサーバーにインストール■phpの場合（要件：php5以上） ch
不動産系のサイトや、求人媒体系のサイトでよく見かける、地図画像上の県や地域毎にリンクを設定して、オンマウスで該当範囲が切り替わるアニメーションを今回は作成して行こうと思います。※今回の記事はアドビの画像編集ソフトをフル活用いたします。主にフォトショップ（イラストレーター・ファイヤーワークスでも可）を使用致しますので該当ソフトが無い方は申し訳ありません。 まずは下のサンプルを御覧ください、それぞれの県の上でオンマウス時に画像が切り替わっていると思います。 このサンプルの地図のように「四角」で区切られたリンク領域であればドリームウィーバーで完結出来てしまいますが、例えばディフォルメされていない正確な地図にクリッカブルマップを作成したい場合などに力を発揮することができます。それでは早速作成手順の紹介です!! フォトショップ等で地図として使用したい画像の作成 画像は2枚必要になります。 元画像 オ
jQuery プラグイン ImageMapster で、イメージマップのロールオーバーを変化させる このサンプルは、jQueryベースの「ImageMapster」というプラグインを使っています。 画像を最低2種類（ノーマル、ロールオーバー用）だけ用意すれば良いので簡単です。 「九州」のみ、リンクを外部サイトにしています。（他はこのページの下部にリンク） ★イメージマップは本来「target="_blank"」が設定できますが、「ImageMapster」を使うと無効になるようです...。 サンプルを修正しました（2013年4月） このサンプルは「リンクできない」というご指摘をいただき、ソースを修正しました。 ご迷惑をおかけした方々、申し訳ございませんでした。 解決のソースを送信してくださった中村様、ありがとうございました！！ 以前のソースはこちら。 ロールオーバーで japan2.gif
あらゆるリスクに備えてデータのバックアップは不可欠だ。バックアップさえできていれば万が一データが消えてしまっても、また復元できるからだ。次の２つを叶えるバックアップができればかなり心強いだろう。 定期的に自動でバックアップが取れる自動バックアップのスケジュールを自由に設定できる詳しくは後ほど解説するが、数多くある WordPress のプラグイン中でも２つを可能にし、更に画像ファイル、記事、プラグインなど丸ごとバックアップが取れるのが「BackWPup」である。安定的な動作をしてくれるので、バックアップする際はこのプラグインを使おう。 ここでは、 BackWPup を使ってファイルとデータベースのバックアップを取る方法をご紹介しよう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現
無料でダウンロードできて自由にカスタマイズすることができるEC-CUBE。どちらかと言えば法人向けのCMSっぽいですが、そもそもソフトウェアが無料なのでWordPressと同じような感じで個人でも気軽に使用できます。 やはりほかのASPやECサービスと大きく異なるのが、高額な月額手数料や使用の際の制限がなく、カスタマイズの自由度が高いところ。 ただ、本気でカスタマイズするにはPHPやSmartyの知識が必要でやっぱり難しそうな印象です。そこでこのページでは、そういった難しい処理を簡単に実装してくれるプラグインを紹介したいと思います。 EC-CUBEの無料プラグインまとめ EC-CUBEの決済用プラグイン EC-CUBEペイメント 定期購入プラグイン EC-CUBEの継続課金、定期購入機能を実装してくれるプラグイン。 ECキューブ ペイジェント外貨建て決済プラグイン 海外のユーザーが自国通貨
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 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」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できる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
// 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>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
