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

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

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

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

multi column layout

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

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

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

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

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

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

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

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

HTML5 CSS

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

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