Web制作者が知ってると何かと便利なWebサービスいろいろ

Takashi Fujisakiのアバター
2450文字

Web制作者のためのWebサービスを集めました。Webサービスなので、アプリをインストールしたりしなくていいし、ちょっとアレやりたい!とかって時や、出先のPCでちょっと作業…なんて時に、知ってると便利です。

ダミーテキスト生成

かの有名なローレム・イプサムさん。手軽にダミーテキスト作れます。
[link href=”http://www.lipsum.com/” title=”Lorem Ipsum – All the facts – Lipsum generator”]Lorem Ipsum – All the facts – Lipsum generator[/link]

日本語ダミーテキストが必要なら
[link href=”http://lipsum.sugutsukaeru.jp/” title=”すぐ使えるダミーテキスト – 日本語 Lorem ipsum”]すぐ使えるダミーテキスト – 日本語 Lorem ipsum[/link]

画像・PDF圧縮

ドラッグ&ドロップで、pngやjpgを圧縮してサイズダウンしてくれるサービス。
[link href=”https://tinypng.com/” title=”TinyPNG – Compress PNG images while preserving transparency”]TinyPNG – Compress PNG images while preserving transparency[/link]

こちらはPDF圧縮。猛烈に圧縮してくれるんで、日々重宝してます。
[link href=”http://smallpdf.com/jp/compress-pdf” title=”PDF 圧縮 – オンラインでPDFを無料で縮小できる!”]PDF 圧縮 – オンラインでPDFを無料で縮小できる![/link]

コード変換

CSSをminifyしてくれます。同サイト内にJavaScriptのminifyもあります。
[link href=”http://cssminifier.com/” title=”CSS Minifier”]CSS Minifier[/link]

画像をdataURIに変換できます。ちょこっと使いたいときに便利。なお、画像を圧縮してから変換した方が軽くなったりすることもありますので、お試しを。
[link href=”http://blog.thingslabo.com/archives/000058.html” title=”画像をBase64に変換するツール (data URI scheme) – シングスブログ”]画像をBase64に変換するツール (data URI scheme) – シングスブログ[/link]

アイコンジェネレータ

透過ファビコンが作れる
[link href=”http://ao-system.net/alphaicon/” title=”無料で半透過マルチアイコンやファビコン(favicon.ico)作成。ギザギザの無い美しい影を持ったアイコン作成がフリーでできます。”]無料で半透過マルチアイコンやファビコン(favicon.ico)作成。ギザギザの無い美しい影を持ったアイコン作成がフリーでできます。[/link]

Loadingのぐるぐる画像などが作れる
[link href=”http://preloaders.net/” title=”Preloaders.net – Loading GIF & APNG (AJAX loaders) generator”]Preloaders.net – Loading GIF & APNG (AJAX loaders) generator[/link]

カラーピッカー

たくさんあるし好みや用途もあるので、ライフハッカーさんのまとめページを紹介します。
[link href=”http://www.lifehacker.jp/2010/07/10070717-free-color-apps.html” title=”カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー[日本版]”]カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー[日本版][/link]

サイトチェッカー

ページ速度とか、こういうとこ直したほうがいいよ!とか教えてくれるツールを2つ。
[link href=”https://developers.google.com/speed/pagespeed/insights/” title=”PageSpeed Insights”]

[link href=”http://tools.pingdom.com/fpt/” title=”Website speed test”]

WebページのGzip圧縮がちゃんとされてるか調べることができます。
[link href=”http://www.gidnetwork.com/tools/gzip-test.php” title=”GIDZipTest: Web Page Compression (Deflate / Gzip) Test – GIDNetwork”]GIDZipTest: Web Page Compression (Deflate / Gzip) Test – GIDNetwork[/link]

とりあえず以上です。もちろん他にもたくさんあるので、こんなサービスあるんだって風に頭に入れといて、ちょっとした時に思い出して使ってみてください。それではまた。