株式会社オンズのブログ記事一覧
-
-
【jQuery】スクロール機能とナヴィゲーション機能が一体となった［ScrollMenu.js］は実用性バツグンです。 縦長のウェブデザインを構築する際に真っ先に導入を検討すべきjQueryプラグイン。それが［ScrollMenu.js］です。 まずはサンプルをご覧ください。 ［ScrollMenu.js］：実装サンプル ページのスクロール量に合わせてナヴィ... 【jQuery】スクロール機能とナヴィゲーション機能が一体となった［ScrollMenu.js］は実用性バツグンです。続きを読む →
-
-
【JavaScript】ウィンドウを閉じるボタンを実装する方法。 JavaScriptでウィンドウを閉じるボタンを実装する方法 現在開いているウィンドウを、任意のボタンまたはリンク等をクリックしたときにJavaScriptを使用して閉じる方法を紹介します。 HTMLで閉じるボタンのコードを記述 単純に考え... 【JavaScript】ウィンドウを閉じるボタンを実装する方法。続きを読む →
-
-
-
-
-
-
-
-
【jQuery】ウィンドウ内に要素が表示されたときに処理を行う［jquery.inview］プラグイン。 特定の要素がブラウザの表示領域に現れたときに処理を実行するjQueryプラグイン。それが［jquery.inview］です。 このプラグインを利用すると、ウィンドウに指定した要素が現れたタイミングで様々なイベントを施すことができます。 今回... 【jQuery】ウィンドウ内に要素が表示されたときに処理を行う［jquery.inview］プラグイン。続きを読む →
-
【Mac】ドロップシャドウを付けない影ナシのスクリーンショットを撮る方法。 ［Mac OS］でウィンドウのスクリーンショットを撮るとき、通常は撮影した素材にドロップシャドウが自動で追加された状態で出力されます。 しかしこのとき、ちょっとしたショートカットキーを追加するだけで影のないスクリーンショットを撮ることができ... 【Mac】ドロップシャドウを付けない影ナシのスクリーンショットを撮る方法。続きを読む →
-
【jQuery】要素が「横幅」と「縦幅」を持って表示されているかどうかを確認する方法。 HTMLコード内に記述してある要素が、横幅と縦幅を持って、ウィンドウ内に表示されているかどうかを判定する方法を紹介します。 例えばある特定の要素に、スタイルシート側でwidth:0; height:0;を指定すると、当然その要素は表示されま... 【jQuery】要素が「横幅」と「縦幅」を持って表示されているかどうかを確認する方法。続きを読む →
-
-
-
-
【JavaScript】ページ全体が読み込まれた後にスクリプトを実行する方法。 あるJavaScriptのコードを、ページ全体が読み込まれた後に実行したいときは「window.onload」を使うようにします。 例えば<head>〜</head>内に以下のコードが記述されていたとします。 <... 【JavaScript】ページ全体が読み込まれた後にスクリプトを実行する方法。続きを読む →
-
【WordPress】外部サイトのRSS情報を取得して表示させる方法。 外部サイトのRSSを取得してきて、適当な箇所で表示させたい場合、「Google API」を使ったり、配布されているPHPライブラリを使ったり、あるいはPHPやJavaScriptで独自のプログラムを作って実装することになります。 「Goog... 【WordPress】外部サイトのRSS情報を取得して表示させる方法。続きを読む →
-
-
-
【jQuery】画像や動画をズームして表示できる［Magnific Popup］を紹介します。 レスポンシヴ対応で、画像や動画をズームして表示できるjQueryプラグイン［Magnific Popup］を紹介します。 基本的な動作は所謂「Lightbox」と同じですが、オプションの設定により、画像がスムーズにズームして表示されるように... 【jQuery】画像や動画をズームして表示できる［Magnific Popup］を紹介します。続きを読む →
-
-
