nomaharu2013のブックマーク / 2022年9月8日

nomaharu2013 id:nomaharu2013

2022年9月8日のブックマーク (3件)

SEOの学び方～ SEO初心者から上級者への道 - SEMリサーチ
2年ほど前に「SEOの学び方」という記事を公開しました。今回は改めて初級・中級・上級と3つの段階に分けて再整理しました。これからSEO関連のお仕事を始める方、SEOの勉強方法を知りたい方の参考になれば幸いです。目次 SEOの学び方（初級） SEOは、Web経験がない新卒にはハードなお仕事世界中の企業がSEOに取り組んでいる理由を理解する SEOはオーディエンスと事業の理解から始まる自分でサイト運営・集客の経験をする身近なものを題材にSEO施策を考えてみる「この領域だけは、自信がある」というスキルの柱をつくる自分自身もインターネットを活用する SEOの学び方（中級） SEOの全体図を学ぶ英語ケーススタディ（他社事例）を研究する他人にSEOを教える Googleが公開しているドキュメントに全部目を通す失敗してもいいので、施策を実施する「今は学ばない」領域を決める人が検索
nomaharu2013 2022/09/08
リンク
CSSの:has()疑似クラスの便利な使い方のまとめ
CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。たとえば、子に画像がある場合とない場合、子の数が奇数の場合と偶数の場合、セレクタを追加したり変更することなく指定できます。また、コンテンツやフォームなどにも便利な使い方がたくさんあります。 :has(): the family selector by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。先日リリースされたChrome 105, Edge 105で:has()疑似クラスはサポートされ、コンテナクエリ（@containe
nomaharu2013 2022/09/08
リンク
【CSS】不透明度をカラーコードで指定する便利な方法
CSSで不透明度80％に指定するとき、 opacityプロパティか、HEX(16進数)か、RGBAの3通りがあります。例えば背景色に指定する場合は以下のようになります。 /* opacityプロパティで指定 */ .A{ background-color: #000; /* ← rgb(0,0,0);でもOK */ opacity: 0.8; } /* HEXで指定 */ .B{ background-color: #000000CC; } /* RGBAで指定 */ .C{ background-color: rgba(0,0,0,0.8); }
nomaharu2013 2022/09/08
リンク
- 2022年9月9日
- 2022年9月8日
- 2022年9月7日