株式会社オンズ今日紹介する[Minigrid]はカード型のレイアウトを簡単に実装できる超軽量JavaScriptライブラリです。株式会社オンズレスポンシブ・デザインに対応したスライダーやスライドショー系のライブラリをまとめました。ほとんどがjQueryプラグインになりますが、中には単体で動くものもあります。アニメーション部分にCSS3のTransformsとAnimationsを使用した高機能スライダーです。【最新バージョン7.3対応】jQuery無しで動く神スライダー[Swiper]が便利すぎて。株式会社オンズ今日紹介する[Swiper]は、レスポンシブ対応サイトなどで真価を発揮するJavaScriptベースの「コンテンツ・スライダー」です。初見の感想は「反応速度が早く軽量でサクサク動く」という印象。レスポンシブにも対応済み。【最新バージョン7.3対応】jQuery無しで動く神スライダー[Swiper]が便利すぎて。株式会社オンズ今日は超簡単にポップアップ・ウィンドウを実装できる[Remodal]を紹介します。下記リンク先より、実際の挙動をご確認ください。【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する[particles.js]の使い方。【JavaScript】ページの背景にポリゴン状の幾何学模様を描画する[particles.js]の使い方。Slider]を紹介します。Slider]を使ったサンプルをご覧ください。Height]の使い方。株式会社オンズウェブサイト製作時に、ほぼ必ずと言っていいほど発生する問題。その1つは「複数のボックスの高さを揃える」ことではないでしょうか。Height]の使い方。【JavaScript】ウィンドウを閉じるリンクを実装する方法。株式会社オンズ現在開いているウィンドウを、任意のリンクをクリックしたときにJavaScriptを使用して閉じる方法を紹介します。【JavaScript】ウィンドウを閉じるリンクを実装する方法。【JavaScript】ページ全体が読み込まれた後にスクリプトを実行する方法。株式会社オンズあるJavaScriptのコードを、ページ全体が読み込まれた後に実行したいときは「window.onload」を使うようにします。<head>〜</head>内に以下のコードが記述されていたとします。【JavaScript】ページ全体が読み込まれた後にスクリプトを実行する方法。【JavaScript】デバイスの傾きでページをスクロールさせる[Interdimensional]の使い方。株式会社オンズ主にモバイル端末に対応した、デバイスの傾きでページをスクロールさせるJavaScriptのライブラリ[Interdimensional]を紹介します。以下のリンク先より実装サンプルをテストできます。【JavaScript】デバイスの傾きでページをスクロールさせる[Interdimensional]の使い方。【JavaScript】jQuery不要で動く[wow.js]でスクロール連動型アニメーションを実装。今日紹介する[wow.js]も、jQuery要らずで実装可能な優良スクリプト。【JavaScript】jQuery不要で動く[wow.js]でスクロール連動型アニメーションを実装。株式会社オンズグリッドレイアウト採用時に、ぜひ導入したいJavaScriptのライブラリ[Packery]を紹介します。動作サンプルをご覧ください。【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。プラグイン[Lightbox]の使い方を紹介します。皆様もうご存知でしょうけれど、念のために動作のサンプルを以下のURLに置いておきます。【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。【JavaScript】超軽量・超高速のJavaScriptフレームワーク[Vanilla.js]をオススメします。JS]などのライブラリが開発されています。【JavaScript】超軽量・超高速のJavaScriptフレームワーク[Vanilla.js]をオススメします。API】外部サイトのRSS情報を取得して表示させる方法。エラーを返すようになり、ここで紹介したコードが使えなくなりました。プログラムを組む方法を紹介します。API】外部サイトのRSS情報を取得して表示させる方法。