memo

WEB制作 全般

WordPressで同じコードを一括管理し使い回す方法

ネットショップの商品をwordpressのページに埋め込むとき、の「どこでもカラーミー」(JSコード)やの商品をiframeタグで埋め込む方も多くいらっしゃると...
WEB制作 全般

counter関数の使い方 [CSS]

cssのcounter変数を利用すると、指定の要素に任意のcounterを設定することができ、設定されたcounterはcontentで利用することができます。...
WEB制作 全般

エクスポートしたWPのxmlファイルから記事URLだけ取り出す

自分メモ。経緯:WordPressから記事をエクスポートしたらxml形式だったが、ほしいのはURL一覧だけなのでpythonで抜き出すことにした。他の加工はしな...
WEB制作 全般

最初の画像のみlazyloadを外す【swellテーマ】

WordPressの人気テーマ「swell」。swellにはテーマ独自の高速化設定が用意されており、コードをいじることなく画像などの遅延読み込み・キャッシュ指定...
WEB制作 全般

githubからrubyをインストールする

古い32bitパソコン(LinuxMint OS)にもshopify-cliインストールできるかなと思ってrubyのバージョン確認したら、最新バージョンで2.5...
WEB制作 全般

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

属性(attribute)を利用したCSSセレクタ。混乱してどれを使うかわからなくなることがあるので備忘録でまとめておきます。属性セレクタとは解説サイトなどでは...
WEB制作 全般

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

このブログでおそらく初めてWEB関係じゃないネタで、今後おそらく書くこともない表計算ソフトの備忘録です。ほぼ表計算ソフトを使うことなく生きているので、たまに使う...
WEB制作 全般

columnsプロパティに関するcssプロパティ

columnsプロパティに関係してくるcssプロパティの話です。前記事は「columnsで作る段組みレイアウト」まずは、段組みレイアウトにおいて全幅表示させたい...
WEB制作 全般

columnsプロパティで作る新しい段組みレイアウト

最近のWEBサイトレイアウトは、gridあるいはflexで設計するのが一般的ですがもう少しするとそれも古い話となるのかも知れません。.demo { paddin...
WEB制作 全般

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

SPA(Single Page Application)のようにタブやボタンなどで表示するコンテンツを切り替えることで1つのページが複数ページあるように振る舞っ...
WEB制作 全般

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

ターミナルからvimを使って新規ファイルを作成・保存・vim終了までの基本操作について。
WEB制作 全般

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

サイト高速化の案件で、vimeoのiframeについて色々調べたので備忘録に残しておきます。ネイティブLazyLoadiframeコードを編集して、lazylo...