説得力のあるランディングページの作り方を紹介した記事です。
価値命題を定義する
行動を促すフレーズを決める
ユーザーからの反対意見を知る
個性を形にする
ビジュアルによる階層構造を作る
モニタリング、反復、テスト
図1 説得力のあるランディングページの作り方
CSSだけで実現した背景パターンのライブラリです。区切り線として使うこともできます。ドットや斜線、ストライプなどシンプルで使い勝手が良さそうなものが揃っています。
classの指定だけで色や大きさを変えられます。テキストに適用する方法、テキストの背景や画像の背景にずらして配置する方法など、使い方のヒントを紹介しているのも気が利いています。
図2 CSSだけで実現した背景パターンのライブラリ
https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/
ほとんどの最新ブラウザはSVGをファビコンとして使用できるそうで、その設定方法やメリット、アイデアを紹介しています。
SVGのテキストエレメントを使って絵文字をファビコンにする方法や、ダークモードのときにファビコンが変化するテクニックも興味深いです。
図3 SVGをファビコンとして使用する方法