Web Tool Gallery

SVGのコードをdataURL形式に変換してくれるツール。

freepikで「background」と検索すると背景で使える素材がたくさん出てきます。他にも「memphis（メンフィス）」で検索するのもおすすめです！

MacやiPhoneなどの画面に当て込むモックアップをWeb上で作れるサービス。

iPhoneやMacのモックアップを無料でダウンロードできるサイト。

様々なコーディングテクニックのツイートをまとめたモーメント。

ふきだしをテイストごとに探せるサイト。

バナーなどで使えるフレーム素材ダウンロードサイト。

様々なパターンのグラデーションをSVGで生成できるサービス。

500円で40のコーディング知識を学べるnoteで、無料で読める部分も結構あります。累計200冊以上購入頂いています！

WordPressの初期構築用のテーマファイル一式をダウンロードできます！人気記事や検索機能、設定画面など様々な機能をプラグイン無しで実装済みです。これを使えばWordPress案件の工数をガッツリ短縮できます。

スキルや実績の見せ方、初学者がやりがちな絶対にNGな見せ方などを解説しています。おすすめ営業方法は無料で公開しているので、そこだけでも是非チェックしてみてください！

<img>タグにダミー画像のURLを手軽にセットできるツール。

Web制作（主にコーディング系）に関する知識を学べるブログ。

LIGのブログ記事のひとつ。アイキャッチやサムネイルの参考になるサイトをまとめた記事。

グラフの配色をいい感じに調整できる配色ツール。

SaaS系LPなどでよく使われるUIパーツ（料金表やCTA）をまとめたサイト（海外）。

様々なビジネスモデルを図解したまとめサイト。

ログインや表など様々なUIパーツをまとめたサイト（海外）。

個人的に一番お世話になっているサイト！Webサイトを国内、海外、LP、スマホごとに見れるギャラリーサイト。

サイト一覧のPC/SPの表示を切り替えられる！Web Design Clipさんの次によく見ているサイト。

下層ページも確認できるギャラリーサイト。

PC/SPの画面を同時に見れるギャラリーサイト。

様々なクリエイターが良いと思ったサイトを登録する新しいギャラリーサイト。

スマホレイアウトの画面を一覧で見れるギャラリーサイト。

昔ながらのゴリゴリのLPを作る時に参考になるギャラリーサイト。

「不動産」専門のギャラリーサイト。