Webの記事一覧

Googleフォントをローカルに配置して使う方法

Googleフォントをローカルに配置して使う方法です。 Googleフォントの「Noto Sans JP」をCDNで読み込んでいたんだけど、これが結構重くて、PageSpeed Insightsのパフォーマンスに影響して...

WordPressで「srcset」にショートコード出ない場合の回避方法です。 WordPressで記事を書くとき、当然PHPはかけないので、funstions.phpにショートコードを作成するってのは一般的ですよね。 ...

jQueryで「placeholder」に値を設定・書き換え・削除する方法です。「placeholder」とは、フォームなどの入力欄にあらかじめ記入されている薄い灰色のテキストのこと。主に記入例としてのテキストが記載さ...

Swiper.jsでテキストをスライドする方法です。 Swiper（Swiper.js）は、簡単にスライダーが作れるJavaScriptのプラグインです。トップページにスライドショーを実装しているサイトはたくさんあります...

JavascriptでGETパラメータを取得する方法です。 JavascriptでURLからGETパラメータを取得するには「URL.searchParams」を利用します。文字通り、検索クエリを保持するプロパティです。 ...

framesetを使わないフレームの分割方法です。 HTML4まで利用されていたframesetとframeの要素。HTML5からはiframeの利用が推奨されています。 frameset利用での分割は様々で、左側にメニ...

window.showModalDialogをwindow.openへ移行したときにやったことです。いずれも新しいウィンドウを開くという仕組みは同じですが、Google ChromeではshowModalDialogが...

Bootstrap4でテーブル内のDatetimePickerが裏側に隠れないようにする方法です。テーブル内にBootstrap4のDatetimePickerを組み込んだところ、あれれ？裏側に隠れてしまった・・・。 ...

Bootstrap4でDate/Time Pickerでカレンダー入力する方法です。昨今の画面仕様における日付や時間の入力には、必ずといってもいいほど「Date/Time Picker」が配置されていますね。それはもち...

Bootstrap4 フォーカス時の青い枠を消す方法です。 Bootstrap4ではフォーカス時に自動で青い枠のスタイルが適用されます。Webサイトのデザインによっては、まったくマッチしないことがありますね。できれば無効...