2023-09-24
#WEB #2023年09月

今週の気になったWEB系ニュース【2023年38週目】

目次

BAR Pomum　バー・ポームム｜サントリー きれいな手書き風フォント「ZEN紅道」 Web制作のときに使う用語 さいごに

週に1回気になったWEBサイトやコーディングの情報をまとめています。

今週は3つお届け！

BAR Pomum　バー・ポームム｜サントリー

Access Denied
title
https://www.suntory.co.jp
image block
お酒のサイトなので最初に年齢確認のダイアログが表示される。
image block
PCのFV。ぽわっと浮かぶ缶とライティングがきれい。
image block
スクロールするとライトが外側に移動。APNGになっていて明かりがゆっくり点滅する。
image block
ニュース。バナーをクリックすると該当のページやセクションに遷移する。
image block
ラインナップ。種類ごとに缶の下の光彩の色が違っていておしゃれ。
image block
CMソング紹介。動画の比率に合わせて
image block
SPのFV。PCの横幅をそのまま縮めて高さがコンパクトになったレイアウト。
image block
メニュー。今いるセクションに下線がつく。

サントリーの果実のお酒「バー・ポームム」の公式サイトです。

全体的に落ち着いた雰囲気でぽわっとしたライティングがとってもおしゃれで好きです。

缶のデザインも高級感があってついスーパーにあると買ってしまいます。ちなみに一番好きなのは桃と紅茶です。林檎とジンジャーだけまだ飲んだことありません。こんど見かけたら買ってみよう。

きれいな手書き風フォント「ZEN紅道」

Zen Kurenaido - Google Fonts
Zen Kurenaido is a Japanese font with a handwritten feeling. The brush-like elements are omitted from the design, leaving only the bones of the letter, resultin
title
https://fonts.google.com
title
image block

使いやすそうなフォントがGoogleフォントに追加されていました。ゼン・クレナイドウ…。名前からかっこよすぎる。

書籍や医療系のサイトで使いやすそう。文字比率が多い読み物系のブログを書いてる人にもいいかも。

Web制作のときに使う用語

Web 開発の画面制作のときに使う用語 113選
title
https://zenn.dev
title

わかりやすかったのでメモ。コンポーネント定義用語関連のところだけあまり使わないかな？だったけど他は本当によく使う用語でした。初学の頃に出会いたかった… 😭

さいごに

今週は

  • バー・ポームムの公式サイト
  • きれいな手書き風フォント「ZEN紅道」の紹介
  • 「Web制作のときに使う用語」記事の紹介

の3点でした。

正直ネタを探すのが大変になってきました。

過去に紹介したサイトや、こっそり集めていたサイト・バナーを参考にコンポーネントやバナーを作って紹介するのもいいかも。

また来週も更新がんばるぞ～！

#WEB #2023年09月