dir属性で文書方向を入れ替えたSVGのtext要素を適切に表示する方法｜HTML
僕が提供する Blogger用テンプレートのImaginary の特徴の一つに文書方向の左右対応がある。日本語や英語などの右から左へ書いて行く言語がある一方で、アラビア語やヘブライ語などの右から左へ書いて行く言語もある。Imginaryはどちらでもブログが適切に表示されるように設計されているんだ。 サイトの文書の方向はHT…
HTML要素の全ての属性の有無と名前と値を調べる｜JavaScript
Bloggerの投稿画像の WebP と 遅延読み込み のJavaScriptプログラムにscriptタグを新しく作って入れ直すという部分があって元の属性としてsrcとasyncという良くあるものを付けてやっていたけれどもどんな属性でも対応できるように変えた。 そのとき、元のscriptタグに属性があるかないか、又、あるならば…
Search Consoleのモバイルユーザビリティのエラーを引き起こす画像について
Googleが モバイルファーストインデックス を導入してスマホでのサイト評価を最優先するようになって久しい。サイトがモバイルに対応しているかどうかはGoogleが提供している モバイルフレンドリーテスト で分かるけれどもSearch Consoleではサイト解析からエラーのページがあれば自動的に表示される。 現在の SEO対策…
画像のdecoding-async：非同期処理による高速化について
サイトの画像はその他のコンテンツと比べて容量が多くてサイトの表示速度を大きく下げることがある。画像の表示速度を上げることはサイトの利便性を高めることに繋がり易い。 HTMLで簡単に取り入れられてしかも効果が大きいdecoding-asyncの使い方を考えてみたい。 decoding-asyncは画像の非同期処理を示唆する …
画像のloading-lazy：遅延読み込みによる高速化について
サイトの画像はその他のコンテンツと比べて容量が多くてサイトの表示速度を大きく下げることがある。画像の表示速度を上げることはサイトの利便性を高めることに繋がり易い。 HTMLで簡単に取り入れられてしかも効果が大きいloading-lazyの使い方を考えてみたい。 loading-lazyは画像の遅延読み込みを指定する loa…
異なった属性を有する二つの実体は相互に共通点を有しない｜スピノザのエチカの第一部定理二
スピノザ の エチカ の第一部：神についての定理二を心からの敬愛を込めて理解する。 定理二 異なった属性を有する二つの実体は相互に共通点を有しない。 証明 これもまた定義三から明白である。なぜなら、おのおのの実体はそれ自身のうちに存しなければならずかつそれ自身によって考えられなければならぬから、すなわち、一の実体の概念は他の…
