タグ "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］という２つのjQueryプラグインを紹介しましたが、今日ピックアップする［particles.js］も同じような機能で、ウェブページの背景に幾何学模様を描画することができま... 【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する［particles.js］の使い方。続きを読む →
-
-
【JavaScript】特定の要素内の複数のボックスの高さを揃える［Right Height］の使い方。 ウェブサイト製作時に、ほぼ必ずと言っていいほど発生する問題。 その１つは「複数のボックスの高さを揃える」ことではないでしょうか。 もしテーブル・デザインで対応できる範疇ならば簡単ですが、そうではなく、ボックスの枠線を表示させたり背景に画像や... 【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情報を取得して表示させる方法。続きを読む →
