css counter関数の使い方 [CSS]
cssのcounter変数を利用すると、指定の要素に任意のcounterを設定することができ、設定されたcounterはcontentで利用することができます。...
css 
Shopify メタフィールドを定義してコレクションの絞り込みに使う[Shopify]
Shopify OS2.0からメタフィールドを管理画面上から操作できるようになり、かんたんに任意のメタ情報を追加できるようになりました。簡単な実装テストとして商...
Linux エクスポートしたWPのxmlファイルから記事URLだけ取り出す
自分メモ。経緯：WordPressから記事をエクスポートしたらxml形式だったが、ほしいのはURL一覧だけなのでpythonで抜き出すことにした。他の加工はしな...
WordPress 最初の画像のみlazyloadを外す【swellテーマ】
WordPressの人気テーマ「swell」。swellにはテーマ独自の高速化設定が用意されており、コードをいじることなく画像などの遅延読み込み・キャッシュ指定...
Linux githubからrubyをインストールする
古い32bitパソコン(LinuxMint OS)にもshopify-cliインストールできるかなと思って確認したら、最新バージョンで2.5.xでした。shop...
css CSS 属性セレクターの備忘録
属性（attribute）を利用したCSSセレクタ。混乱してどれを使うかわからなくなることがあるので備忘録でまとめておきます。属性セレクタとは解説サイトなどでは...
Shopify はじめてのShopify OS2.0。テーマ開発のメモ
shopifyのローカル開発にはshopify cliというコマンドラインツールが推奨されているそうです。shopify cliのインストールから基本的な使い方まで、自分メモとして残しておきます。
Linux 選択リストの結果にあわせて入力リストを切り替える（Libreoffice Calc）
4年近く書いているこのブログでおそらく初めてWEB関係じゃないネタで、今後おそらく書くこともない表計算ソフトの備忘録です。ほぼ表計算ソフトを使うことなく生きてい...
css 段組みレイアウトに関係するcssプロパティ
つづいて、columnsプロパティに関係してくるcssプロパティの話です。前記事は「columnsで作る段組みレイアウト」まずは、段組みレイアウトにおいて全幅表...
css columnsで作る段組みレイアウト
columnsで作る段組みレイアウト最近のWEBサイトレイアウトはgridあるいはflexで設計するのが一般的ですが、もう少しするとそれも古い話となるのかも知れ...
JavaScript History APIで履歴に状態を記録する
ajaxを使って、１つのページ上で表示するコンテンツを切り替えたり、自動で続きのコンテンツを読み込んで表示する などよくありますネットショップでいえば、無限ロー...
Linux ターミナルから新規ファイルを作る基本操作【vim】
ターミナルからvimを使って新規ファイルを作成・保存・vim終了までの基本操作について。