JavaScript slickスライドをドットの代わりにサムネイル連動にする
slick sampleまれに質問があるので、スライダー系JQuery「slick」をサムネイルスライダーと連動させる方法について書いておきます。slickが優...
JavaScript 
HTML schemaに関する備忘録
随時追加itemtype="〜WebPage"をより具体的に指定する場合。以下の値を使用できる。ItemPageContactPageFAQPageQAPage...
Linux 削除してしまったファイルを復元する【Linux】
誤って削除してしまったファイル。上書きで消してしまったファイル。しかし、まだ救い出せるかも知れません。ext4magic を利用した救出方法をメモ。ext4ma...
css cssで作るイメージギャラリー
htmlとcssしか自由に編集できない環境でLightBox風のイメージギャラリーを作りたい。となったとき、これまでは :target疑似クラスを使用していたの...
css iPhoneでaタグが動作しない不具合が予想外の方法で直った話
何かと独特な不具合が出がちなiOS。今回、サイト製作中に起きたのが、「ナビゲーションメニューのリンクが全く反応しない（ただしiPhoneに限る)」というものでし...
HTML abbrタグとrubyタグ
自分の無知を晒す話ですが、今の今まで< abbr >タグの意味を二重に取り違えていたので、反省の意味を込めて正しい意味と使い方をまとめておきます。利用頻度として...
HTML Google Font利用時の表示速度が遅い対策
使いやすくて便利なWebフォントの代表格「GoogleFont」ですが、フォントはどうしたって結構なデータサイズなので、PageSpeedInsightsなどで...
Linux ターミナルからSublime Textをインストールする手順。
OS変えるたびに何度もやっているのに毎回忘れているので、次忘れているときのために記録しておきます。 今回のOSはLinux Mint20 MATE。aptでイン...
css SVGを使わずにcssで区切り線を作ってみる
CSSでセクションを区切ってみる１カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけるようになりま...
JavaScript トグルボタンを使ったメニューの開閉をaria-hiddenで統一したら楽になった
トグルボタンやタブパネルなど、表示のオンオフを切り替える方法はいくつもありますが、WAI-ARIAのaria-controls属性を利用してaria-hidden属性を切り替える形で統一したらCSSスタイリングが非常に楽になったので、備忘録として残しておきます。アクセシビリティにも対応できるのでおすすめです。
WordPress WPサイトの表示速度を改善した記録
先日WordPressで作ったホームページのSEO改善を依頼されたので、その一環で速度表示の改善を行いました。WordPressサイトの表示速度を改善するWor...
WordPress WP Dark Modeの使い方と簡単な修正方法について
このところダークモード系プラグインについて書いた記事へのアクセスが続いているのですが、記事内で紹介していたプラグインは現在公開されていないようです。それはそれで...