CSS
グラデーション
- CSS Gradient — Generator, Maker, and Background
- グラデーションのジェネレーターはいくつかあるが、このサイトはサンプルが用意されていたり、グラデーションの Tips なども掲載されている
吹き出し
- CSS Arrow Please - By Simon Hoejberg - @shojberg
- ボーダーのみの吹き出しや、塗りの有無などを簡単に調整できる
ニューモーフィズム
コード圧縮
- 【超簡単コピペ】JavaScript/CSS圧縮ツール：Minify処理(軽量化と難読化)するJavaScript/CSSコードを大幅に軽量化する
- JavaScript と CSS の圧縮ができる
配色
とにかく大量のカラースキームを公開しているウェブサイトで、その数は軽く1万種類以上。配色の編集やダウンロードもでき、細かいソート機能が多すぎる配色パターンからお好みの組み合わせを見つけやすくしてくれます。
配色アイデアに迷わない！無料ですごい配色ツール111個まとめ【2023年版】 | PhotoshopVIP
画像・素材
アイコン
- SVG Repo - Free SVG Vectors and Icons
- 50 万以上のアイコンが揃っている
- 基本的に商用・改変可、帰属不要
- 【お気に入りコレクション】
- Kalai Oval Interface Icons Collection - SVG Repo
- ラインアイコン
- 線データのため加工がしやすい
- Kalai Oval Interface Icons Collection - SVG Repo
- アイコン素材ダウンロードサイト｜ICOOON MONO
- 商用可
- 当たり障りがなく使いやすいデザイン
- 色やサイズを指定してダウンロードできるので、改変の手間が簡略化される
画像圧縮
- 画像サイズ変更ツール｜JPEG・PNG画像を一括で縮小！
- 強烈に圧縮できる / リサイズできる / 動作もサクサク
ウェブデザイン参考
- 王道のウェブデザイン参考サイト
- ハイセンスなウェブデザインの各種パーツを検索できるサイト
- 「Landing page」や「Navigation」といったウェブ関連キーワードで検索するとよい