blog.phantom4.org

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

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

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

サンプル

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

色をクリックすると、HEXカラーコードやRGBに変換されて、コピーできるようになっています。

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

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

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

指定順に並べつつ、指定がないものは最後に並ぶ

時差の計算、日時フォーマットの変換
CodePenで見る

See the Pen time difference by phantom4 (@phantom4) on CodePen.

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

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


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

テスト結果

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

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

See the Pen moment by phantom4 (@phantom4) on CodePen.