プログラミング

【初心者エンジニア必見】模写におすすめツール3選【完全無料】

模写コーディングに使うと便利なおすすめツールを紹介します!

全てGoogle Chromeの拡張機能として無料で使うことのできるサービスで、これを使うことでコーディングのスピードアップ間違いなしです!

Page Ruler(大きさ計測)

Page Rulerは、Webサイトの要素をモノサシとして計測するツールです!

おおよその大きさにはなりますが、大きさを把握してから要素を検証ツールで見ていくととても便利です!

What Font(フォント確認)

What Fontは、Webページに使われているフォントを確認することができます!

使われているフォントを知ることで、さらに精度の高いサイト模写ができるようになります。

Color Picker(色の取得)

Color PickerはWebページ内から色を取得できるツールです。

取得したい色の上へカーソルを持っていってクリックすると、カラーコードが表示されます。

そのままコピーもできるので便利です!

ここまで読んでくださりありがとうございました!

便利ツールを上手く取り入れて作業を時間短縮していきましょう!

それでは、また!