案件検索ログイン30秒会員登録WEB制作のスピードを加速!無料で使えるWEB制作に役立つツール5選スキルとキャリア2014年9月17日WEB制作のスピードを加速!無料で使えるWEB制作に役立つツール5選TweetWEB制作には時間がかかるものですが、ネット上には無料で使える便利なツールやサービスがたくさんあります。使うのと使わないのとでは作業スピードが格段に違ってきます。WEB制作のスピードアップ&時間を短縮してくれるツールを5つご紹介。CSSMenuMaker「CSSMenuMaker」はCSSのメニューが簡単に作れるツールで、選べるデザインが豊富なので目的のメニューをサクサクっと作ることができます。HTML、CSS、Imageをそれぞれダウンロード、またはZipファイルでの一括ダウンロードにも対応しています。Generator」は定番のCSSスプライトジェネレイターで、画像をまとめたZipファイルをアップロードするとCSSスプライトを作成することができます。CSSスプライトは複数枚の画像を一枚にまとめることで、CSSスプライトをしておいた方が画像の読み込みが早くなり、サイトの表示速度が向上します。http://ja.spritegen.website-performance.org/smush.it「smush.it」はYahoo!が提供している無料ツールで、アップロードすると画像を軽量化してくれます。軽量化が完了するとどれくらい画像が軽量化されたかが表示されるので、効果が分かりやすいです。http://www.smushit.com/ysmush.it/TinyPNG「TinyPNG」は.png形式の画像ファイルを非可逆圧縮してくれるツールで、画像ファイルとドラッグ&ドロップするだけで圧縮してくれます。「smush.it」と同じく、圧縮完了後にどれくらい軽量化されたのかが表示されます。Colors」はフラットデザインで使用できる色がまとめられていて、フォーマットはRGB、RGBA、HEXから選択可能となっています。表示されている色を選択するだけでカラーコードがコピーできる便利なサイトです。選択するだけでコピー可能なので便利ですよ。http://flatuicolors.com/Liveweave「Liveweave」はHTML5、CSS3、JavaScriptをリアルタイムで編集できるツールで、ブザウザ上で稼働するのでインストール不要です。コーディングするとリアルタイムでプレビューが表示されるので開発スピードが上がります。