css 段組みレイアウトに関係するcssプロパティ
つづいて、columnsプロパティに関係してくるcssプロパティの話です。前記事は「columnsで作る段組みレイアウト」まずは、段組みレイアウトにおいて全幅表...
css css columnsで作る段組みレイアウト
columnsで作る段組みレイアウト最近のWEBサイトレイアウトはgridあるいはflexで設計するのが一般的ですが、もう少しするとそれも古い話となるのかも知れ...
JavaScript History APIで履歴に状態を記録する
ajaxを使って、１つのページ上で表示するコンテンツを切り替えたり、自動で続きのコンテンツを読み込んで表示する などよくありますネットショップでいえば、無限ロー...
Linux ターミナルから新規ファイルを作る基本操作【vim】
ターミナルからvimを使って新規ファイルを作成・保存・vim終了までの基本操作について。
JavaScript Vimeoの埋め込み動画に関する備忘録
サイト高速化の案件で、vimeoのiframeについて色々調べたので備忘録に残しておきます。ネイティブLazyLoadiframeコードを編集して、lazylo...
css 画像やiframeのサイズ(アスペクト比)を指定できるcssプロパティ、「aspect-ratio」
.noratio .wp-block-column,.ratio .wp-block-column { flex-basis:33%!important; ma...
Linux sublime textでminifyが動かなかったので修正した話
ここ１年ぐらいVScodeに浮気していたので、久しぶりにsublime textを使おうと起動したところ、なぜかminifyが動かないというエラーが発生。con...
HTML レスポンシブ画像のまとめ
ブラウザサイズや解像度（retinaディスプレイ / デバイスピクセル比）に応じて画像ファイルを振り分けるレスポンシブイメージ。srcset sizes などのタグを使ったレスポンシブ画像の記述方法についてまとめます。
css モダンブラウザのconic-gradient対応が完了していた
円錐状のグラデーションを描写するconic-gradient。conicはconicalのことだそうです。コーヒーミルの種類にコニカルカッターってありますけど、...
WordPress グローバルナビゲーションをカスタマイズする[WP]
word pressのグローバルナビゲーションをカスタマイズする際に必要となる、wp_nav_manu() とカスタムウォーカーの使い方について実例込みで説明しています。全般的なナビゲーションやコンテナ出力についてはwp_nav_menu関数で指定し、子要素以下の細部の設定はカスタムウォーカー（walkerオプション）で指定していく、という流れになります。
css font-sizeはclamp()関数で指定するのが良さそう
これまでcssのサイズ指定はスクリーンサイズ別に指定していましたが、clamp関数を使うことで一行にすべてが収まります。たとえばwidth:50vw;min-width:300px;max-width:1000px というcss指定は、width:clamp(300px,50vw,1000px); の一行に収まります。
css CSS:text-decorationでできること
text-decorationプロパティは以下のプロパティを一括指定するショートハンドです。text-decoration-line（線の位置） text-decoration-style（線の形） text-decoration-color（線の色） text-decoration-thickness（線の厚み）