WEB制作のスピードを加速!無料で使えるWEB制作に役立つツール5選|
フリーランスエンジニアのIT・WEB求人検索・案件情報【A-STAR】

WEB制作のスピードを加速!無料で使えるWEB制作に役立つツール5選

WEB制作には時間がかかるものですが、ネット上には無料で使える便利なツールやサービスがたくさんあります。使うのと使わないのとでは作業スピードが格段に違ってきます。WEB制作のスピードアップ&時間を短縮してくれるツールを5つご紹介。

CSSMenuMaker

「CSSMenuMaker」はCSSのメニューが簡単に作れるツールで、選べるデザインが豊富なので目的のメニューをサクサクっと作ることができます。
HTML、CSS、Imageをそれぞれダウンロード、またはZipファイルでの一括ダウンロードにも対応しています。


http://www.cssmenubuilder.com/home

CSS Sprite Generator

「CSS Sprite 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」と同じく、圧縮完了後にどれくらい軽量化されたのかが表示されます。


http://tinypng.org/

Flat UI Colors

「Flat UI Colors」はフラットデザインで使用できる色がまとめられていて、フォーマットはRGB、RGBA、HEXから選択可能となっています。
表示されている色を選択するだけでカラーコードがコピーできる便利なサイトです。
ただ選択するだけでコピー可能なので便利ですよ。


http://flatuicolors.com/

Liveweave

「Liveweave」はHTML5、CSS3、JavaScriptをリアルタイムで編集できるツールで、ブザウザ上で稼働するのでインストール不要です。
コーディングするとリアルタイムでプレビューが表示されるので開発スピードが上がります。


http://liveweave.com/
記事がよければクリックしてね

案件を探す

検索条件を選択