VS CodeでHTMLとPHPの簡便な検証環境を実現
HTMLファイルやPHPファイルをブラウジングするための環境構築は結構手間がかかりますよね。でも、VSCodeの拡張機能を使えば、簡便な検証環境が出来上がります。
画像のWidthとHeightを明示してサイト高速化を実現
「画像のwidth と height を明示的に指定」PageSpeed Insightsによる改善項目用の施策を、Swiperによる投稿一覧のトップページ設置を事例にして纏めました。
プラグインなしでWordPress用スライダー導入なら Swiper
プラグインなしでのスライダー設置には、「Swiper」がお勧め。SwiperをWordPress投稿記事用スライダーにカスタマイズするためのコツをご紹介します。
Prism.jsの必要な機能を必要なページに|設定と操作のコツ
必要な機能だけを必要なページにだけ導入できるリーズナブルなシンタックスハイライター,Prism.js。スムーズに導入し上手に使いこなすコツをご紹介。
初心者でも簡単!|自作目次に開閉機能を付ける
自作の目次に開閉機能も付けたいけれど、jQueryが良くわからない。そんな方用にたった 6行のコードで実現する方法をご紹介。サイトを重くせずに機能を充実させる第一歩にトライしましょう。
クリティカルCSSと非同期ロードでレンダリング改善
レンダリングを妨げる要素の除外はなかなか厄介ですよね。プラグインで対処せずに、CriticalCSSとCSS非同期読み込みによって行った施策を備忘録として残します。