プログラミング情報

便利サイトまとめ

 

フォント

Google Fonts

Google Fonts

画像サイズ変換

App Icon Generator

App Icon Generator

iOSのアプリを作る時アイコンの画像サイズを山ほど用意必要があるんだけど、ここを使えば1発で勝手に作ってくれるから本当に便利!

アイコン

orion icon library

orion icon library

icons 8

icons 8

Font Awesome

Font Awesome

FLAT ICON DESIGN

FLAT ICON DESIGN

ICON FINDER

ICON FINDER

Free bies bug

Free bies bug

flat icon

flat icon

MATERIAL DESIGN

MATERIAL DESIGN

ICOOON MONO

ICOOON MONO

icon monstr

iconmonstr

SF Symbols (要ダウンロード)

SF Symbols

Convert HEX & RGB colors to UIColor

Convert HEX & RGB colors to UIColor

プログラミングで色を指定する時は基本的にHEX(#e056fb)ではなくRBG(r: 0.88, g: 0.34, b: 0.99)で指定しないといけないと思うんだけど、ここを使えばHEXからRGBに変換してくれるよ!

Color Hunt

Color Hunt

Flat UI Colors

Flat UI Colors

Eggradients

Eggradients

自作でグラデーションを作ろうとすると結構思ったような綺麗なグラデーションにならないんだけど、ここだと一目でグラデーションの完成形がわかるしHEXもコピーできるからめちゃめちゃ多用してます!

ColorZilla

ColorZilla

これはサイトじゃなくて Google Chrome の拡張機能! (難しく聞こえるけどボタン2回押したら拡張終了です。超簡単。)

これ上のEggradientsと同じくらいすごく愛用してて、

色の選択ってめちゃめちゃ難しくて、特に白か黒の絶妙なグラデーションをつけるときとか選択肢が無限にあっていいの見つけるまで1時間とかかかったりしてたんでけど、

これを使うとWeb上からスポイトでHEXとかRGBとかの情報を取得できるから、dribbbleのようなサイトからいいなって思う色を探してスポイトで色を取得することで色の選択がすっごく楽になる!!!

画像

Pixabay

Pixabay

Unsplash

Unsplash

Gif作成

gifs.com

gifs.com

iOSデザイン案

dribbble

dribbble

世界中の凄腕クリエイターたちがWeb, モバイルなどのデザインをいっぱいアップしてくれてる!

『練習にここのデザインのコピーサイト(アプリ)を作ってみたいとき』『オリジナルアプリを作る際のインスピレーションがほしいとき』『モチベーションをあげたいとき』

にすごく便利!

Muzli

Muzli

各iPhoneデバイスのサイズ

PaintCode

UIScreen等を使って各デバイスの横幅・高さを取得できるけど、そうではなく把握したい時はここを見てるよ。