使えるWEBツール

サイトを構築していくための様々な便利ツールをご紹介します。

詳しい使い方はサイトを見て頂くか、ググると色々出てくるので興味あるものをお調べください。

GigaFile便

GigaFile（ギガファイル）便

無料大容量 ファイル転送サービス GigaFile（ギガファイル）便！「３日～１００日」選べる７種類のファイルの保持期限に加え、１ファイル300Gまでアップロード、共有可能！もちろん容量無制限でアンチウイルス装備。会員登録も不要です。

gigafile.nu

大容量のファイルを送信できます。友人間やPC間の通信につかえるし、動画や画像をアウトソーシングするなら頻繁に使われます。

Colorhunt

Color Hunt - Color Palettes for Designers and Artists

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

こちらはセンス良くサイトを作る際、色の組み合わせを決めるのに使えます。

PTエンジン

Ptengine

reportv3.ptengine.jp

ヒートマップといって、自分のサイトに訪れた人がどこを見ていて、どこで離脱しているのかがわかるツールです。こちらは別途LPのカテゴリで取り上げていきたいと思います。

iPhone scleenshot

SMPRO

SMPRO is an iOS app that combines your images and videos with iPhone / iPad / Apple Watch frames.Simple operationUnique

iphone-screenshot.com

↓こんなのが簡単に作れます

[colwrap] [col2][/col2] [col2]

[/col2][/colwrap]

Googleフォント

Googleが様々なフォントを用意してくれていて、それをブログに反映させることが出来ます。フォントの変更とは地味ですが、読みやすさやサイトの印象などに影響を及ぼすので是非設定してみてください。

ちなみに私自身も、フォントは試行錯誤しておりたまに変更しています。エレガントなフォントは見栄えは良いのですが文字が細くて読みにくいかなとか、読みやすさを取るとややカジュアルなフォントになるかなとか、まぁ悩んでいる時が楽しかったりますが(笑)

尚、英数字フォントと、日本語フォントの２つ設定できます。日本語は重いという意見もあるので使ってみて重そうなら英数字だけでも良いと思います。

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

Google Fonts + Japanese • Google Fonts + 日本語

As Google makes progress on supporting Japanese web typography, we invite designers and developers to experiment with th...

googlefonts.github.io

導入方法はこのサイトがかなり丁寧ですが、同様の解説記は他にもあるのでいくつかチェックしてみてください。

【2019年版】Google Fontsの使い方：初心者向けに解説！

最も有名なWebフォント「Google Fonts」の使い方と導入方法を、初心者の方でも分かるように解説します。

saruwakakun.com

ボタンメイカー

WEBボタン素材自動生成サイト - ButtonMakerアフラット

ホームページ制作に使えるボタン素材が自動で生成できるサイトです。サイズ、色、文字などを指定するだけですぐにおしゃれなボタンが作れます。

box.aflat.com

「今すぐクリック」「無料で動画を見る」など、希望のテキストとともにボタンを作成できます。