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

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

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に変換されて、コピーできるようになっています。

機能はさほど変わりませんが、画面を広く使えるようにリニューアルしてみました(2019/5/5)

See the Pen WIP: Material Design Colors by phantom4 (@phantom4) on CodePen.

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

※iPhone/iPadだと、色をクリックしたときのアンカースクロールが機能していません。。

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


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

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

[js] setTimeout、setIntervalのdelayに24日 20時間 31分 23秒 648 以上を指定すると即実行される

32bitということらしいです。

※11/11追記
サンプルが分かりにくいので変更しました。

setTimeout(() => {
  console.log('hoge');  // すぐ実行される
}, 2147483648);

テスト結果

See the Pen max delay of setTimeout & setInterval by phantom4 (@phantom4) on CodePen.

See the Pen max delay of setTimeout & setInterval by phantom4 (@phantom4) on CodePen.

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

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

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

以下は、幅1〜1280のときの4:3と16:9のリスト

続きを読む 4:3、16:9などのサイズ一覧