タグ "JavaScript" を含む投稿を表示中:62件
-
【JavaScript】カード型レイアウトを簡単に実装できる[Minigrid]の使い方 今日紹介する[Minigrid]はカード型のレイアウトを簡単に実装できる超軽量JavaScriptライブラリです。 Minigrid : http://minigrid.js.org ほぼ同機能のjQueryプラグインでは[Masonry]... 【JavaScript】カード型レイアウトを簡単に実装できる[Minigrid]の使い方続きを読む →
-
-
-
-
【jQuery】超簡単に実装できるモーダル・ウィンドウ[Remodal]の使い方 今日は超簡単にポップアップ・ウィンドウを実装できる[Remodal]を紹介します。 まずは下記リンク先より、実際の挙動をご確認ください。 オンズの実装サンプル : https://on-ze.com/demo/jquery-remodal/... 【jQuery】超簡単に実装できるモーダル・ウィンドウ[Remodal]の使い方続きを読む →
-
【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する[particles.js]の使い方。 以前[Geometryangle]と[Particleground]という2つのjQueryプラグインを紹介しましたが、今日ピックアップする[particles.js]も同じような機能で、ウェブページの背景に幾何学模様を描画することができま... 【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する[particles.js]の使い方。続きを読む →
-
-
【JavaScript】特定の要素内の複数のボックスの高さを揃える[Right Height]の使い方。 ウェブサイト製作時に、ほぼ必ずと言っていいほど発生する問題。 その1つは「複数のボックスの高さを揃える」ことではないでしょうか。 もしテーブル・デザインで対応できる範疇ならば簡単ですが、そうではなく、ボックスの枠線を表示させたり背景に画像や... 【JavaScript】特定の要素内の複数のボックスの高さを揃える[Right Height]の使い方。続きを読む →
-
【JavaScript】ウィンドウを閉じるリンクを実装する方法。 現在開いているウィンドウを、任意のリンクをクリックしたときにJavaScriptを使用して閉じる方法を紹介します。 簡単に考えるとアンカータグにonClick="window.close();"を追加すれば実装できそうな気がしますが、実際に... 【JavaScript】ウィンドウを閉じるリンクを実装する方法。続きを読む →
-
【JavaScript】ページ全体が読み込まれた後にスクリプトを実行する方法。 あるJavaScriptのコードを、ページ全体が読み込まれた後に実行したいときは「window.onload」を使うようにします。 例えば<head>〜</head>内に以下のコードが記述されていたとします。 <... 【JavaScript】ページ全体が読み込まれた後にスクリプトを実行する方法。続きを読む →
-
-
【JavaScript】jQuery不要で動く[wow.js]でスクロール連動型アニメーションを実装。 最近はjQuery不要でも動くスクリプトが流行りのように感じていますが、気のせいでしょうか? 今日紹介する[wow.js]も、jQuery要らずで実装可能な優良スクリプト。 容量も8KBと軽量で、別途配布されている「Animate.css」... 【JavaScript】jQuery不要で動く[wow.js]でスクロール連動型アニメーションを実装。続きを読む →
-
【JavaScript】超高機能なグリッドレイアウトを実装する[Packery]はドラッグによる並べ替えにも対応! グリッドレイアウト採用時に、ぜひ導入したいJavaScriptのライブラリ[Packery]を紹介します。 百聞は一見に如かず。まずは動作サンプルをご覧ください。 Packery:動作サンプル ご覧いただいたように、任意のボタンをクリックす... 【JavaScript】超高機能なグリッドレイアウトを実装する[Packery]はドラッグによる並べ替えにも対応!続きを読む →
-
【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。 一時期、多くのサイトで導入され大流行した jQuery プラグイン[Lightbox]の使い方を紹介します。 皆様もうご存知でしょうけれど、念のために動作のサンプルを以下のURLに置いておきます。 画像をクリックすると背景が暗くなり、指定さ... 【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。続きを読む →
-
-
【Google Feed API】外部サイトのRSS情報を取得して表示させる方法。 ※追記:2015年12月2日より Google Feed API がエラーを返すようになり、ここで紹介したコードが使えなくなりました。 代替案として PHP でプログラムを組む方法を紹介します。 PHP 使用版:コチラです。 以下、Goog... 【Google Feed API】外部サイトのRSS情報を取得して表示させる方法。続きを読む →