CSS　属性セレクターの備忘録

css / 2022年4月23日 / 、

属性（attribute）を利用したCSSセレクタ。混乱してどれを使うかわからなくなることがあるので備忘録でまとめておきます。 属性セレクタとは 解説サイトなどでは[attr]や [attr = value]のような書き […]

選択リストの結果にあわせて入力リストを切り替える（Libreoffice Calc）

Linux / 2021年11月2日 / 、、

4年近く書いているこのブログでおそらく初めてWEB関係じゃないネタで、今後おそらく書くこともない表計算ソフトの備忘録です。 ほぼ表計算ソフトを使うことなく生きているので、たまに使うと自分でもどうやって作ったのか思い出せな […]

multi column layout

columnsで作る段組みレイアウト

css / 2022年4月23日 / 、

最近のWEBサイトレイアウトはgridあるいはflexで設計するのが一般的ですが、もう少しするとそれも古い話となるのかも知れません。 今記事と次記事で段組みレイアウト（multi column layout）をまとめてお […]

History APIで履歴に状態を記録する

java script / 2022年4月19日 / 、、

ajaxを使って、１つのページ上で表示するコンテンツを切り替えたり、自動で続きのコンテンツを読み込んで表示する などよくあります ネットショップでいえば、無限ロードで商品を読み込んでいくショップは多く見かけます。 しかし […]

ターミナルから新規ファイルを作る基本操作【vim】

Linux / 2021年9月7日 /

vimを使ってコマンドラインで新規ファイルを作る操作方法について。 OSはLinuxMintでやってますが、他OSでも似たようなものです。 例として、デスクトップにtest.txtを作ります。 vimのインストール vi […]

Vimeoの埋め込み動画に関する備忘録

java script / 2022年4月19日 / 、、

サイト高速化の案件で、vimeoのiframeについて色々調べたので備忘録に残しておきます。 ネイティブLazyLoad iframeコードを編集して、lazyloadを利用するのが最も賢明な判断です。（が、なぜか今回の […]

HTML5 CSS

レスポンシブ画像のまとめ

HTML / 2022年4月23日 /

ビューポートや解像度など、デバイスに応じて最適な画像を表示させるレスポンシブ画像。WordPressなど自動でやってくれるものもあるので、しばらく自分で触ってなかったら記憶が曖昧になってしまったので、まとめておきます。 […]