知ってて損はないwebツール2015 Gradient Generator、ファビコン作成、QRコード作成 他

ブログ

Blog
  1. ホームページ制作・運営はアウラ:ホーム
  2. ブログ
  3. 知ってて損はないwebツール2015 Gradient Generator、ファビコン作成、QRコード作成 他

知ってて損はないwebツール2015 Gradient Generator、ファビコン作成、QRコード作成 他

知ってて損はないwebツール2015 Gradient Generator、ファビコン作成、QRコード作成 他

はじめまして!
triple_self_portlate
2015年1月からアウラに入社しました、
篠原 友(しのはら ゆう)と申します。
まだ、1ヶ月も経っていないのに
「デブ」
「独り言」
「ディスプレイに近い」という
ありがたい(?)キャラを
確立してしまいました。
趣味は娘(5歳)との会話と
ビデオ観賞(週2-3本)と
ゲームです。

どうぞ、よろしくお願い申し上げます。

さて、早速ですが、備忘録を兼ね、
(忘れっぽいので)
私が今までに便利だと感じたwebツールをご紹介させていただきます。
まずはUltimate CSS Gradient Generatorです。
Screen Shot 2015-02-13 at 10.32.41
グラデーション画像やグラデのCSS(1行)をインポートすることで
様々なブラウザに対応したグラデーションのCSSコードを生成してくれます。
ie9用svgなどコンパイルなしでコードを吐き出してくれるのでものすごく助かります。
(ie9にグラデーションが必要か?という議論はいったん棚に上げて)

次はファビコン作成。favicon.ico 無料で透過マルチアイコンが作れます。
Screen Shot 2015-02-13 at 10.45.22
こちらは3種類のサイズをアップするだけでファビコンが簡単に作れます。
(説明はありません)

はい、次はQRコード(二次元バーコード)作成【無料】
Screen Shot 2015-02-13 at 10.51.21
こちらも説明不要ですね。
QRコードを簡単に作れる代物です。

はい、どんどんいきましょう!
Font Awesome, the iconic font and CSS toolkit
Screen Shot 2015-02-13 at 11.01.40
言わずと知れたBootstrapのフォント機能のみ独立したものです。よく使うようなアイコンがパッケージされています。
Webフォントなので拡大・縮小しても大丈夫ですよ!

で、上でも見つからないアイコンや自社ロゴをWebフォントとして扱いたいあなた!
こちら、どん!
Icon Font & SVG Icon Sets ❍ IcoMoon
Screen Shot 2015-02-13 at 11.16.14
Webフォントが自分で作れるってだけでなんかワクワクしませんか?
(しませんよ)

次は文字数カウンタ
Screen Shot 2015-02-13 at 11.22.54
こちらはエントリー等で使ってました。

あとCSS3をInternet Explorer7とInternet Explorer8の対応させるためのツール
CSS3 PIE: CSS3 decorations for IE
Screen Shot 2015-02-13 at 11.48.58
こちら設定などで癖がありますが
大変お世話になりました。
(CSS3をInternet Explorer7でも表示させる意味はあるのかはまたの機会に)

あと商用利用可の素材サイトまとめ

高クオリティ!商用利用OKのアイコン、イラスト無料(フリー)素材まとめ

これが全部無料なの?フリー写真素材サイトまとめ14選

で、アウラにきてから教えていただいた画像圧縮サイト
tinyjpgtinypng
71%圧縮とかありえない!
すごい… すごいよ!マサルさん!

と、いった感じでしょうか?
(少な!もう打ち止め?)

これからお客様の役に立てるように、
といいつつ、自身が一番楽しみながら
制作で精一杯頑張っていきますので
どうぞ、よろしくお願い申し上げます。

おまけ
よく使ってたけど最近、広告が激しいところとか
すごく面白いけれど使わないサイトとか
また、機会があれば紹介したいと思います。

お電話でのお問い合わせはこちら:06-6292-8577。受付時間は平日9:30~18:30 インターネットからは24時間受付中!お問い合わせフォームはこちら
Webデザイナー、Webプログラマ募集中!