WEB制作コーディングお役立ち情報！便利で無料のツール＆サイトの紹介

今回はWEB制作コーディングに便利なツール＆サイト、実際に使ってみて本当に良かったものをまとめてみました。

自動でテキストを生成！ダミーテキストジェネレータ

コーディングをしていると、HTMLにダミーテキストが必要な場合ありますよね。そんなとき、コピペを繰り返して頑張るのもいいですが、ダミーテキストジェネレータを使ってみてはいかがでしょうか？
テキストを選んで、文字数を入れると、ダミーテキストが生成されます。
文字数が指定できるところがいいですね！

ダミーテキストジェネレータ | Web制作小物ツール - dounokouno.com

webtools.dounokouno.com

無料画像素材！O-DAN

ポートフォリオやデモサイト作りに便利！おしゃれな無料写真素材が必要なときは、こちらで探しましょう。

O-DAN (オーダン）- 無料写真素材・フリーフォト検索

高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」

o-dan.net

イラストが無料！storyset

おしゃれなイラストを使いたい場合は、storysetが便利です。規約はstorysetのホームページで確認しましょう。

Storyset | Customize, animate and download illustration for free

Edit and animate all our customizable illustrations to enhance your projects totally free. Start now to be creative in o...

storyset.com

ファビコンが無料で作れる！icoon-mono

ファビコンを作りたいときには、こちらが便利です。キーワードを入力して検索、お気に入りを見つけてダウンロードします。

アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO

6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO

icooon-mono.com

ロゴが無料で作れる！FreeLogo

ロゴを手軽に気軽に作りたい場合はこちらのFreeLogoが便利です。つよつよなロゴができます。

Free Logo Maker | Create Your Own Logo | Free Logo Design

Try our free logo maker. Trusted by 30M+ businesses, our online logo generator makes it easy to find the best logo for y...

www.freelogodesign.org

こちらのロゴジェネレータもおすすめです。

ロゴメーカー - ロゴを数秒で作成【無料】 - Shopify (2024)

Shopifyのオンラインロゴメーカーは、独自のオリジナルロゴを作成できる無料ツールです。このロゴ作成ツールを使えば、あなたのビジネスにぴったりのロゴが簡単に見つかります。

www.shopify.com

画像を無料で圧縮！！tinyPNG

サイトの表示速度を速くするためにも、画像の圧縮は大事です。そんなときはtinypngのサイトがおすすめです。こちらのサイトでは、無料で手軽に圧縮できるので、がしがしと画像を圧縮させましょう！

TinyPNG – Compress WebP, PNG and JPEG images intelligently

Free online image compressor for faster websites! Reduce the file size of your WEBP, JPEG, and PNG images with TinyPNG’s...

tinypng.com

無料で使える配色ツール！！color-fortuna

色の統一感のあるサイトを作りたいときは、こちらの配色ツールが便利です。メインのテーマカラーを決めると、他の色も自動的に決めてくれます。

ウェブ配色ツール Ver2.0

1色選ぶと勝手に配色をしてくれるツールです。どなたでも無料でご利用いただけます。フォルトゥナが制作しました。

www.color-fortuna.com

配色パターン見本40選：ベストな色の組み合わせ確認ツール

コピペで使えるオシャレな色の組み合わせを紹介します。それぞれの配色の実際の使用例まで用意しました。

saruwakakun.com

画像編集したい！無料の画像編集サイト

ちょっと画像を加工したいときなどに便利なのが、こちらのサイト。PEKO STEP。オンラインでイメージのエディターができます。

PEKO STEP - 無料で楽しめるゲームやアプリの配信サイト

無料で楽しめるゲームや便利なツール、アプリなどを配信中です

www.peko-step.com

サイト作りの参考に！！HPデザインまとめサイト

デモサイト作りの参考を探すために、個別で検索するの大変ですね。そんな時は、おしゃれなサイトをまとめたホームページが便利です。眺めているだけでも楽しいです。

SANKOU! | Webデザインギャラリー･参考サイト集

Webデザイン制作の参考になるステキなWebサイト･LPを集めたギャラリー。業種･テイストなどで絞込検索可能。最新トレンドをチェック！

sankoudesign.com

81-web.com : 日本のWebデザイン・Webサイトギャラリー＆参考サイト・リンク集

81-web.comはWebサイト制作に参考になる日本の優れたWebデザイン・Webサイトギャラリー＆参考サイト・リンク集です。81-web.com is a gallery and collection of reference site...

81-web.com

I/O 3000 | Webデザインギャラリー

I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。

io3000.com

ちょうどいいWebデザインギャラリー

ちょうどいいWebデザインギャラリーは、Web制作に携わるクリエイターの着眼点を「ちょうどいいポイント」ととしてフォーカスした新しい視点を得ることができる新感覚のWebサイトギャラリー集です。

choooodoii.com

LPの最新デザインまとめ参考サイト｜LP アーカイブ

クオリティの高いランディングページ（LP）を集めました。リスティング広告や楽天市場、ヤフーショッピングでランキングに入っている様なハイクオリティのデザインまとめサイトです。毎日更新しているので、昔のLPから最新のLPまでデザイン制作の参考に...

rdlp.jp

パーツデザインの参考に！Parts

サイトに使うパーツのデザインに悩むときは、パーツデザインのまとめサイトが便利です。

Parts. - パーツ別Webデザイン集

メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。主にSaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザイ...

partsdesign.net

サムネイルのデザインに悩むときはこちらが便利です。

SAMUNE｜良質なデザインのサムネイルを集めたギャラリーサイト

目を惹かれる良質なデザインのYouTubeサムネイルを集めたギャラリーサイト。思わずクリックしてしまうような事例をデザイナー目線で紹介しています。サムネイルに興味を持つ人すべてに、クリエイティブな刺激を与えられますように。

thumbnail-gallery.net

まとめ！

今回はWEB制作コーディングに便利なツール＆サイトのまとめでした。効率良く活用して、GOODなWEB制作ライフを楽しみましょう！

それでは、ありがとうございました。