WEB制作 全般

WEB制作 全般

imgのwidth、heightを後付けしてもcore web vitalは改善できるのか試してみました

2022年2月から、PCのcore web vitalも検索評価のポイントとして加わったそうです。モバイルの方はすでに評価されていますし、対応済んでいれば多くの...
WEB制作 全般

JavaScriptの第一歩

WEB制作を独学でやっていると、HTMLとCSSは理解できてもJava Scriptでつまづくケースは非常に多いと思います。私もかつて同じようにJavaScri...
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制作 全般

ユーザーエクスペリエンスアップデートによる影響と対策

前記事「自社ショップが売れないと嘆く前に」では抽象的な話を書きましたが、今回は技術的な話です。ユーザーエクスペリンスアップデート今年の6〜8月、Googleが立...
WEB制作 全般

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

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

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

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

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

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