アスペクト比を調べる(幅と高さから)

比率からサイズを計算する場合はこちら

7/16 UPDATE
キリのよいアスペクト比の幅と高さを候補として出すようにしました。

See the Pen Aspect Ratio by phantom4 (@phantom4) on CodePen.

サンプル

560×315 16:9 1.78:1
640×480 4:3 1.33:1
800×450 16:9 1.78:1
1280×720 16:9 1.78:1
1920×1080 16:9 1.78:1

Material Design カラーピッカー

配色にマテリアルデザインのカラーパレットを参考にすることが多くなったのですが、RGBやSwiftのUIColorに変換するのが意外と面倒だったので、ピッカーを作ってみました。

色をクリックすると、HEXカラーコードやRGBに変換されて、コピーできるようになっています。
※iPhone/iPadだと、色をクリックしたときのアンカースクロールが機能していません。。

Codepenで開く

See the Pen Material color Picker by phantom4 (@phantom4) on CodePen.

日本語の文章が自然な位置で改行するためのコードを生成するツール


Budouが公開されて使ってみようと思ったのですが導入ハードルが少し高めだったので、静的ページ用に手軽にコードをコピペして使えるツールを作ってみました。

続きを読む 日本語の文章が自然な位置で改行するためのコードを生成するツール

4:3、16:9のサイズ一覧

たまに必要になってその度に検索していたので作ってみた。
幅を4:3 or 16:9で総当りして、割り切れる高さを算出。

2018/7/10追記
Codepenをアップデートしました。

2016/11/29追記
UIを作りました。

幅と高さからアスペクト比を調べる場合はこちら

See the Pen aspect ratio calc by phantom4 (@phantom4) on CodePen.


CodePenで見る

以下は、幅1〜1280のときの4:3と16:9のリスト
続きを読む 4:3、16:9のサイズ一覧