HTML option名が長すぎて表示できない問題にはoptgroup optionの名前が長すぎると、画面幅からはみ出た部分が表示されない問題が起こりますが、optgroupタグで入れ子にすると自動的に改行、または文字サイズが縮小され途中で省略されずに表示できるようになります。 2022.04.23 HTML
css 疑似クラス nth-child の使い方いろいろ 今回は、「兄弟関係にある」 n番目の要素を指定するセレクター「nth-child」のお話です。 初見でかるい気持ちで使用すると、css指定が効かなかったり、全然... 2022.04.23 css
JavaScript slickスライドをドットの代わりにサムネイル連動にする slick sample まれに質問があるので、スライダー系JQuery「slick」をサムネイルスライダーと連動させる方法について書いておきます。 slick... 2022.04.23 JavaScript
HTML schemaに関する備忘録 随時追加 itemtype="〜WebPage"をより具体的に指定する場合。 以下の値を使用できる。 ItemPageContactPageFAQPageQAP... 2022.04.23 HTML
Linux 削除してしまったファイルを復元する【Linux】 誤って削除してしまったファイル。上書きで消してしまったファイル。しかし、まだ救い出せるかも知れません。ext4magic を利用した救出方法をメモ。 ext4m... 2021.04.11 Linux
css cssで作るイメージギャラリー htmlとcssしか自由に編集できない環境でLightBox風のイメージギャラリーを作りたい。となったとき、これまでは :target疑似クラスを使用していたの... 2022.01.06 css
css iPhoneでaタグが動作しない不具合が予想外の方法で直った話 何かと独特な不具合が出がちなiOS。 今回、サイト製作中に起きたのが、「ナビゲーションメニューのリンクが全く反応しない(ただしiPhoneに限る)」というもので... 2022.04.19 css
HTML abbrタグとrubyタグ 自分の無知を晒す話ですが、今の今まで< abbr >タグの意味を二重に取り違えていたので、反省の意味を込めて正しい意味と使い方をまとめておきます。利用頻度として... 2022.04.19 HTML
HTML Google Font利用時の表示速度が遅い対策 使いやすくて便利なWebフォントの代表格「GoogleFont」ですが、フォントはどうしたって結構なデータサイズなので、PageSpeedInsightsなどで... 2022.04.23 HTML
Linux ターミナルからSublime Textをインストールする手順。 OS変えるたびに何度もやっているのに毎回忘れているので、次忘れているときのために記録しておきます。 今回のOSはLinux Mint20 MATE。 aptでイ... 2021.01.29 Linux
css SVGを使わずにcssで区切り線を作ってみる CSSでセクションを区切ってみる 1カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけるようになり... 2022.01.06 css
JavaScript トグルボタンを使ったメニューの開閉をaria-hiddenで統一したら楽になった トグルボタンやタブパネルなど、表示のオンオフを切り替える方法はいくつもありますが、WAI-ARIAのaria-controls属性を利用してaria-hidden属性を切り替える形で統一したらCSSスタイリングが非常に楽になったので、備忘録として残しておきます。アクセシビリティにも対応できるのでおすすめです。 2022.04.19 JavaScript