frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

フロントエンドで本当によく使うツール(サイト編)

スポンサードリンク

世の中便利なツールを無料で提供してるサイトってたくさんありますよね。
今日はその中でも現場で本当に使うツール(サイト編)を紹介します。

カラーコード変換ツール

カラーコード変換ツール
cssで背景のみを透過したいときなどカラーコードをrgbaに変換できるサイトです。

Googleマップで緯度・経度を求める

Googleマップで緯度・経度を求める
GoogleAPIでピンを指定したところに置きたい、道順や経路を示したいときに重宝します。

Unicodeエスケープシーケンス変換ツール

www.koikikukan.com
Jsファイルなどは日本語で文字列を書くと文字化ける環境があるためUnicodeに変換します。

画像圧縮

以下は画像圧縮です。

画像を縮小する

resizer.myct.jp
こちらはブログでよく使わせてもらってます。

画像をBase64に変換するツール (data URI scheme)

blog.thingslabo.com

QRコード作成

QRコード作成結果
スマホで検証する時など、いちいちurlを入力するのは面倒なのでこちらでスマホから読み取れば楽です。

まとめ

以上、他にもありそうなのでどんどん追記したいと思います。