Skip to main content

使えそうなデザイン

ただそれをまとめる。

デザイン収集​

Webデザインの参考になるギャラリーサイト24選【2022年9月版】

現場で使えるFlexboxレイアウト12​

参考URL

font​

サイトを彩るフォント（日本語） 参考URL

text​

CSS Text Effects keyframe animation

デザインを探すサイト​

このサイトがやばい これもやばい

aboutで使える​

横からスライドイン自己紹介 参考URL aboutで使えそう TimeLineで使える aboutで使える

Loading​

Loadingで使える これも使える

スキルシート​

ひとつひとつの項目に使えるかも

カード​

カード一覧 カード一覧2 クリックするとグラフが出る すごいカード トランジションカード

テーブル​

テーブル一覧

Grid layoutの初歩​

参考URL

button​

button一覧

layout​

マガジンレイアウト

hover​

テキストにホバーするとカーソルに画像が追従 hover card

GSAP​

ScrollTrigger Demos

Resume(レジュメ) 自分の概要​

Resume Templates

ギャラリーに使える​

ギャラリー一覧 参考URL 斜めに画像を配置 ギャラリーサイトとして参考になる

購買システム​

参考URL

フライヤー​

フライヤー一覧

ポートフォリオに使えるのでは​

参考

タスク管理ツールとかいいかも​

参考URL

ハンバーガーメニュ-​

headerがレスポンシブでハンバーガーメニューになる

メンバー紹介に使えるかも​

参考URL

tag design​

参考URL tag code pen

矢印 allow​

おしゃれな矢印

code pen これもカテゴリー絞るなどいける

慣性スクロール​

参考URL(大元) これを日本人が緩和したやつ これ導入するだけでreact/nextいける

横スクロール​

CSSだけで この横スクロールはすごい（Locomotive Scrollを使っている）

アニメーションTips​

縦スライダー 縦スライダー(code pen) Cube line animation（GSAP ThreeJs）

Last updated on