HTML

abbrタグとrubyタグ

自分の無知を晒す話ですが、今の今まで< abbr >タグの意味を二重に取り違えていたので、反省の意味を込めて正しい意味と使い方をまとめておきます。利用頻度として...
HTML

Google Font利用時の表示速度が遅い対策

使いやすくて便利なWebフォントの代表格「GoogleFont」ですが、フォントはどうしたって結構なデータサイズなので、PageSpeedInsightsなどで...
Linux

ターミナルからSublime Textをインストールする手順。

OS変えるたびに何度もやっているのに毎回忘れているので、次忘れているときのために記録しておきます。 今回のOSはLinux Mint20 MATE。aptでイン...
スポンサーリンク
css

SVGを使わずにcssで区切り線を作ってみる

CSSでセクションを区切ってみる1カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけるようになりま...
JavaScript

トグルボタンを使ったメニューの開閉をaria-hiddenで統一したら楽になった

トグルボタンやタブパネルなど、表示のオンオフを切り替える方法はいくつもありますが、WAI-ARIAのaria-controls属性を利用してaria-hidden属性を切り替える形で統一したらCSSスタイリングが非常に楽になったので、備忘録として残しておきます。アクセシビリティにも対応できるのでおすすめです。
WordPress

WPサイトの表示速度を改善した記録

先日WordPressで作ったホームページのSEO改善を依頼されたので、その一環で速度表示の改善を行いました。WordPressサイトの表示速度を改善するWor...
WordPress

WP Dark Modeの使い方と簡単な修正方法について

このところダークモード系プラグインについて書いた記事へのアクセスが続いているのですが、記事内で紹介していたプラグインは現在公開されていないようです。それはそれで...
css

ARIA属性をCSSスタイリングに利用する

昨年あたりからARIA属性を利用してCSSをスタイリングするようになったので、その有用性を書き残しておきます。WAI-ARIAとアクセシビリティまず簡単にWAI...
HTML

住所からシンプルなGoogleMapを生成する

入力された住所からGoogleMapを表示させようと思い、どうすれば一番楽かなと調べてみるとapiを使った方法ばかり出てきたのですが、今回は単純に地図を表示させ...
JavaScript

最近使ったIE対応まとめ

個人的にはIE対応なんて最低限で良い(多少の違いが出るのは仕方ない。だってIEだもの)派なのですが、”他のモダンブラウザ同様の動きでないといけない”とする案件が...
Linux

Linuxを入れたら最初にやること

久し振りにLinuxをインストールしたら「あれどうするんだっけ?」があったので、最初に何をするのか自分用に手順を残しておこうと思い立ちました。なおLinuxMi...
css

mix-blend-modeプロパティ

CSS mix-blend-mode個人的にはあまり使うことのないプロパティですが、知っていて損はないmix-blend-modeプロパティについてまとめておき...