株式会社オンズのブログ記事一覧
-
【JavaScript】ウェブサイトに「印刷する」ボタンを設置する方法。 ブラウザでのウェブサイト観覧時も含め、通常、印刷する際は［⌘ + P］（Command + P）でプリントアウトすることができますが、これと同じ挙動を JavaScript で実装することができます。 記述するコードは非常に簡単で、基本的に... 【JavaScript】ウェブサイトに「印刷する」ボタンを設置する方法。続きを読む →
-
-
【iOS】Safari でウィンドウのスクロールを禁止する方法。 モーダルウィンドウなどを実装した際に、ページ全体のスクロールを禁止させたいという場面がよくあります。 追記：以前まで、PCやAndroidでは比較的簡単に実現させることができましたが、iOS Safariでは別の方法を使わなければうまくいき... 【iOS】Safari でウィンドウのスクロールを禁止する方法。続きを読む →
-
【JavaScript】最初の子要素、最後の子要素を取得する方法 JavaScriptで最初の子要素、最後の子要素を取得するには「firstElementChild」と「lastElementChild」のプロパティを使用します。 最初の子要素を取得：firstElementChild firstElem... 【JavaScript】最初の子要素、最後の子要素を取得する方法続きを読む →
-
【JavaScript】HTML5 の script要素［async］と［defer］を使ってパフォーマンスアップする方法。 HTML5 の script要素では、［async］または［defer］属性を指定することで、主にページの読み込み速度が改善し、パフォーマンスが劇的に改善するケースがあります。 async属性を指定 script要素にasync属性を指定す... 【JavaScript】HTML5 の script要素［async］と［defer］を使ってパフォーマンスアップする方法。続きを読む →
-
-
【WordPress】任意のテンプレートパーツを読み込む関数［get_template_part() ;］の使い方。 WordPressでは、「header.php」、「footer.php」、「sidebar.php」など、あらかじめ用意されているテンプレートパーツがあります。 これらのテンプレートパーツをテーマの中で使う際、下記のように任意の箇所に記述... 【WordPress】任意のテンプレートパーツを読み込む関数［get_template_part() ;］の使い方。続きを読む →
-
-
-
-
-
-
-
-
-
-
【CSS】リンク先のURLやファイルの拡張子に合わせてアイコンを表示する方法。 普通のリンクだと思ってクリックしてみたら、実はそれがPDFファイルへのリンクだったり、意図せずメール・アプリケーションが起動したり、またはワードやエクセルのファイルだったりするとさらに最悪…。ネットサーフィンをしていると、そんなフラストレー... 【CSS】リンク先のURLやファイルの拡張子に合わせてアイコンを表示する方法。続きを読む →
-
-
-
-
-
【jQuery】超高機能ギャラリー［MixItUp］の使い方。 フィルターをかけられたり、ソートもできる超高機能jQueryギャラリー［MixItUp］の紹介です。 まずは公式サイトからプラグイン本体をダウンロードしてきましょう。 https://www.kunkalabs.com/mixitup/ ダ... 【jQuery】超高機能ギャラリー［MixItUp］の使い方。続きを読む →
-
【JavaScript】ブラウザに警告ウィンドウを表示させる方法。 JavaScriptを使ってブラウザに警告ウィンドウをポップアップで表示させる方法です。 紹介するコードは２種類。 ページにアクセスした際に警告を表示させる方法。 リンクボタンをクリックした際に警告を表示させる方法。 どちらも、訪問者に確実... 【JavaScript】ブラウザに警告ウィンドウを表示させる方法。続きを読む →
-
