制作でよく使う便利なWebサイト

今回は私自身がよく使うデザインやWeb制作に
役立つサイトをご紹介しようと思います。
あえて紹介するまでもないサイトばかりですが、
そこをあえて紹介させていただきます。
け、決してネタ不足なんかではないです(笑)

Google Fonts【font】

https://fonts.google.com

フリーなのに種類が豊富なWebフォント、
Webだけに留まらず、
ttfファイルをダウンロードして使えるのも便利。

Font Awesome【font】

http://fontawesome.io

数あるアイコンフォントの中で、個人的にはこれが一番使いやすいです。
こちらもotfファイルをダウンロードして使えるので
デザインカンプを作るときにも重宝します。

The W3C Markup Validation Service【coding】

https://validator.w3.org/

言わずと知れたW3Cのバリデーションチェック。
緑色の「Document checking completed. No errors or warnings to show.」が出たらほくそ笑んでしまいます。

Can I use.com【coding】

http://caniuse.com

「あれ、このCSSプロパティ、モダンブラウザ対応だっけ?」
そんな時に、
CSSプロパティの各ブラウザ対応状況を調べることが出来ます。

HTML数値文字参照変換【coding】

http://ochikochi.com/tool/character/

文字参照一覧と、変換もできて便利。

Stripe Generator【image】

http://www.stripegenerator.com/

Photoshop等でボーダーのリピート画像を作るのは意外と面倒ですが、
このサイトを利用すればラクラク簡単。
ボーダーの色、幅、大きさ、角度など変更できます。

JS Bin【coding】

http://jsbin.com

コードを書いてブラウザ上でスグに動作確認できるので
コードの勉強やテストをする時に便利。

PXtoEM.com【coding】

http://pxtoem.com

基準ピクセルに対しての、
「pt」「%」の対応表や、「px→em」変換がとても便利。

wordmark【font】

http://wordmark.it

パソコンのシステムにあるフォントをプレビューしてくれます。
任意の文言にしたり、サイズも変更できるのでフォント選びに便利。

SNSでもご購読できます。