メモの検索結果です。|デザイナー、コーチ、ディレクターズメモ|井川igawa.

Memos

「第三者コードの影響を抑えてください」と、preconnect。

第三者コードの影響を抑えてください。

「第三者コードの影響を抑えてください」 どうも最近サイトの表示速度が遅い。以前はPageSpeed Insightsで80前後のスピードが出ていたが、今では60を切ることが多々ある。40以下のときさえもある。 PageSpeed Insightsをチェックしていたところ、「第三者コードの影響を抑えてください」との表示が出ていた。 1番目と2番目にGoogl...

iPhone 14の解像度と、画像サイズ、CSSのピクセル設定をどうするか?

iPhone 14の解像度は? デバイスの解像度と、画像サイズと、CSSの解像度。 基本的にWebで使用する写真などの解像度は72px/inchであり、Photoshopの解像度の設定も72px/inchが一般的だ。 これはWindowsが普及する前の時代、Macの前身であるMacintoshの解像度に由来していると思われるが、今でも写真の解像度を調べると普通は7...

CSSとJS。使い勝手の良いグラデーション・マーカー・アニメーション。

マーカーでWebサイトにアクセントを。

CSS & JSによるマーカー。 サイトにちょっとしたアクセントが欲しいとき、使い回しが効くマーカーがあると便利だ。 汎用性があるのでスニペットとして使える。 グラデーション付きの、動きのあるマーカー。 ざっくりと、3ステップでOK。 CSSで、マーカーの見た目と動きを作成。(class名「highlight」) JavaScriptで、スクロー...

WordPressに最終更新日を表示させる方法。(プラグイン不要で簡単に。)

テンプレートタグだけでOK。 WordPressで投稿した内容を、後になって追記したり修正したりする場合がある。そういった場合は「最終更新日」を表記させた方が、訪問する方へ対して親切であり、SEO的にも何かしら効果があると思われる。 プラグインが必要かと思っていて手を出していなかったが、普通にWordPressのテンプレートタグで用意されていて、簡単だった。 使用するテンプレ...

position: sticky;が効かない時にチェックする3つの項目。

sticky

便利な「position: sticky」 サイドバーをスクロールの途中で固定させたい場合、以前はJavaScriptなどを組み合わせなければ実装できなかった。それが「position: sticky」の登場により、CSSだけで可能になった。 「position: sticky」使用時の注意点。 CSSの仕様を踏まえておく。 ただし単にサイドバーに「...

Webデザイナー、Webコーダーのお金事情。Are you hungry?

Webデザイナーやこーだーはhungry

Webデザイナーは、なぜか日本では対価に見合っていないらしい。 Webデザイナーの収入の問題。これは、10年以上前から言われていたことだ。 まず、「Webデザイナー」という定義が曖昧だ。制作作業的には、コーディングができるかどうかで大きく違う。 なのでひとまずここでのWebデザイナーは、Webサイト制作のデザイナー、コーダーは、Webサイト制作でのコーダーと定義する。 ...

WebデザインのSEOとは?SEOに強いデザイン脳とは?

学ぶ。

SEO対策? 本職はデザイン業、デザイン脳なのに。 デザインとSEO。 SEOに強くなった。 というか、実はずっと前から強い。 SEOとデザインは基本的には別種だが、デザイン思考でSEO対策をすることは不可能ではない。 例えば〇〇教室。 「地域名 + 〇〇」で検索すると、スマホでもパソコンでも10位前後で推移している。 前後の順位にあるのはすでに名前の知れ...

JPGからWebPへ? HTMLへの実装・検証結果。

webpの検証結果。

WebPってどうなのだろう? Webサイトで使用されている画像を、JPGではなくWebPにしよう、という流れがある。Googleの推しも凄い。画像自体の見た目のクオリティはJPGでもPNGでも全く気にならず、人間の目では判断できないほどの十分な色数、画質があるが、WebPは容量が軽くなるというメリットがある。 JPGでは使えない、アルファチャンネルも扱えるのも良い。使...

HTML5とCSS3、WordPress、SEO。無料ツールでランクアップ!

できた!

HTML5やCSS3、SEOなどの先端技術を無料ツールで。 今年2021年、5年ほど前に制作したサイトのリニューアルを承った。前回もリニューアルをしたので、2度目のリニューアルだ。ありがたいことに去年からお願いをされていたのだが、私の目の不調により待ってもらっていた。 だいぶ出来上がったので、ちょっと振り返ってみる。 マイク英会話教室札幌さまのサイト > ...