タグ: Webデザイン

雑記 (01/28～02/04)

eyecatch

01/30

Webギャラリーメモ

eyecatch
- [madoca \| 牛乳石鹸共進社株式会社](https://www.cow-madoca.jp/)
	- LP
- [てしごトリップ \- 日産セレナ](http://www.nissan.co.jp/SP/SERENA/TESHIGOTRIP/)
	- LP
	- 動画アイキャッチ
	- gifアニメーション
- [物流の課題を解決するDXパートナー｜株式会社Hacobu](https://hacobu.jp/)
	- PJAX?
	- WordPress
	- 動画背景
- [大阪の中古マンション・戸建て売買・リノベーション｜クラスカハウス](https://claskahouse.jp/)
	- WordPress
	- パステル
	- 左下ナビゲーション・メニュー
- [Bonu \| ボニュー公式オンラインストア](https://bonu-bonu.com/)
	- Shopify
	- 紙芝居風パララックス
- [安倍元総理 “銃撃の記憶” \| 三つの視点で再現する 犯行までの75秒](https://www.mbs.jp/news/abe0708/graphics/)
	- 3D,CG
- [GAKUDAI KOUKASHITA （学大高架下）](https://gakudai-koukashita.com/)
	- LP
	- WordPress
	- パステル？
- [山本珈琲株式会社](https://www.yamamotocoffee.co.jp/)
	- svg, グラデーションアニメ
	- スクロールアニメーション
	- 横スクロール
	- パララックス
	- マウスストーカー
	- お問い合わせ: 斜めカード
	- WordPress
- [アーツカウンシル金沢](https://artscouncil-kanazawa.jp/)
	- WordPress
	- パステル
- [GREEN SPOON（グリーンスプーン）](https://green-spoon.jp/release/maindish)
	- スマホ専用
- [GREEN SPOON（グリーンスプーン）](https://green-spoon.jp/)
	- Z軸パララックス
	- 扇形スライドショー
	- 横スクロール
	- スクロールアニメーション

雑記 (05/06～05/14)

eyecatch

05/06

久々にWebギャラリーを巡回してアニメーションやレイアウト、カラーリングといったデザイン周りから、CMSやJSフレームワーク、技術周りまで特徴や気付いた点を書き出すインプットをしてみるなど。

……で、こういうことをするとここ最近(2〜3年くらい)いつも思うのは「クライアントワークで普通のレンサバを使っている(=SSRしない)しSSRまでは必要ないし、何ならCMSも要らないような静的サイトの場合、何を使うのが今のデファクトスタンダードなんだろう？」と。

今回もたまに「あ、このサイトはSTUDIOかぁ……」とか、「あ、Nuxt.js使ってる……サーバは……ああ、NetlifyということはSSRしているのかぁ……」とか、「ここはNext.jsでAWSかぁ……」とか、そういうのも見かけたので。
とはいえNextやNuxtはそんなに多いわけではなく、やはりレンサバで……というところも多いわけで。
そうなると、SSRはしないけど……とすると何で作る？みたいなところは気になるわけで。

Vercelは商用利用だと有償プランですよねぇ……。

05/07

05/08

デザインシステム入門！Web制作初心者が知るべき基本原則とFigma活用法 | Stocker.jp \/ diary

05/09

05/11

05/13

05/14

Webギャラリーメモ

eyecatch
- [Culture | Roaster](https://roaster.co.jp/culture/)
    - JS全部HTML上にべた書き？
    - 謎
    - PJAX, Parallax, 横スクロール, スムーススクロール
- [鉄板焼みつい - 北海道知床の食材をお手頃価格の鉄板料理で](https://teppanyaki-mitsui.com/)
    - スマホ特価
    - ビジュアル固定、スクロールに応じて画像変化
- [半導体・エレクトロニクス | 株式会社富士交易](https://www.fuji-koeki.co.jp/products_category/semiconductor-electronics/)
    - 手堅い
    - 製品紹介がメーカーごとあり、アコーディオンで上手く収納している
- [【公式】PLAYLIVING IZU](https://playliving-izu.com/)
    - Vue, というか STUDIO
- [コクヨのヨコク | KOKUYO](https://brand.kokuyo.co.jp/)
    - Next.js, canvas
    - 斜めスクロール
- [BRIGHT｜ブランディングデザインブライト](https://brt-inc.jp/)
- [仙台市の図書施設｜8BOOKs SENDAI（エイトブックス仙台）](https://8books.jp/)
    - たぶん同じ制作会社
    - 記事数の斜め上のカウントが同じ
        - コードの構造も似ている
    - WordPress + jQuery3.6.1 + jquery.pjax
- [Kamos | 小豆島のピザレストラン・カフェ | Kamos](https://ka-mos.com/)
    - 2021
    - nuxt.js + Netlify
    - Parallax, マウスストーカー, (PJAX), 横スクロール

---

- [検索結果 | SANKOU! | Webデザインギャラリー･参考サイト集](https://sankoudesign.com/?s=%E3%82%AB%E3%83%95%E3%82%A7)

ハンバーガー

eyecatch