WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： かじかじ
カテゴリー： マークアップ >サービス

今回はコーディングを行う際に知っていると便利なサイトをご紹介します！
時短につながるものもあると思うので、良いと思ったものはブックマークして利用してみてください。

一括pxからvw計算機

サイトをレスポンシブにする際、vwを使ってコーディングをすることがあります。
pxからvwに変換する際、電卓を使っていては時間がかかってしまいます。
そんなときにpxを入力するだけで自動でvwに変換してくれるサイトです。

一括pxからvw計算機：https://cruw.co.jp/px-vw/

box-shadowジェネレーター

box-shadowを簡単に作成できるサイトです。
サイズやぼかし具合などを入力するとCSSが自動で生成されます。

box-shadowジェネレーター：https://www.bad-company.jp/box-shadow

CSS STRIPE GENERATOR

デザインによっては、ストライプをCSSで表現したいことがあります。
そんなときにサイト上でストライプを作り、自動でCSSを生成してくれるサイトです。

CSS STRIPE GENERATOR：https://css-stripe-generator.firebaseapp.com/

まとめ

今回は3つのサイトをご紹介しました。
他にも便利なサイトはたくさんあるので、色々調べて使ってみて時短につなげてください！