日記です
週に1回気になったWEBサイトやコーディングの情報をまとめています。
今週は4つお届け！
おかしな おかしなハロウィーン| サーティワン
サーティーワンのハロウィーンキャンペーンのLPです。
全体的ににぎやかで可愛らしいデザインで見ているだけでわくわくしました。
デザインがかなり作り込まれているぶん、コーディングはあっさりめで画像を分割して貼り付けているつくりでした。Altも全部一緒だった。マリオのコラボページはアニメーションやHTMLでの文字だったので、キャンペーンによって作り込み度を変えていそうです。
サーティーワン高くてめったに買いませんが、たくさんフレーバーがあっていろんな食感の具材が入っていて満足感ありそうです。このボリュームならそんなに高くないのかも知れない…。
ゴーストワールド気になったので、今度見かけたら買ってみます 🥰
▽フレーバー総選挙のページもおすすめです！
LINEヤフー株式会社
トピックス。ホバー時はタイトルが右に移動して矢印アイコンが付く。
LINEヤフー株式会社のコーポレートサイトです。
LINEとヤフが再編されてできた会社らしい。ヤフーってカタカナで書くとちょっと抜けててかわいい。
LINE寄りの太めのゴシックフォントと薄いグレーのデザインで、すっきりしていて見やすいです。マークアップもお手本のようなきれいなつくりで参考になります。ちゅき 😘
にじさんじ SNSバナー
Vtuber事務所のにじさんじのバナーがいつもバリエーション豊かでいいなと思っています。
企画ごとに特徴的なロゴとそれに合わせたデザインテンプレートがしっかりあって、キャラや文言を差し替えて運用しやすい形になっています。
使い回しのしやすいデザインって大変で、どこまで文字が短くなるか長くなるか、キャラの大きさは？頭は見切れてもよいか？とか想定してすべてのパターンで自然なデザインになるレイアウトを考えるのは難しいです。なのでついそれはその時考えればいいかと未来に丸投げしてしまうのですが、なんどもそれで痛い目にあっているので今後は運用も考えてにじさんじのバナーみたいに運用しやすいテンプレートバナーをつくりたいと思いました。
metaタグを一目で確認できるブックマークレット
今週見つけたアイテムではないのですが、お気に入りなので書きました。
私用でも仕事でも使っている便利ブックマークレットです。
ブックマークに登録してバーからクリックするだけで下記のようにモーダルでタイトルやディスクリプション、OGP画像などが確認できます。
タイトルとURLをコピーできるブックマークレットもありますが、イケてるサイトを共有するときにどんなサイトかを要約するためディスクリプションを確認することも多く、こちらを使用する方が多いです。あとはページの多いサイトでうまくmetaタグの出力ができているか確認する際にお世話になっています。
さいごに
今週は
- サーティワンのハロウィーンLPの紹介
- LINEヤフー株式会社のコーポレートサイトの紹介
- にじさんじのSNSバナーの紹介
- metaタグを確認できるブックマークレットの紹介
の4点でした。
先週書いたバーポームムのカシスと葡萄飲みながら書いたら眠くてぐちゃぐちゃな文章になったかも。明日見直します…。
来週はついにディズニーランドに行ってきます！一人で行くのはじめてで田舎者の自分はどきどきわくわくです。電車間違えませんように…！
もし体力が尽きたら来週の更新はなしになるかも。
今のところ下記のサイト紹介をする予定です 。
おすすめの東京グルメ・観光地あったら教えてください～。ではまた次回！