コーディングツール

これは便利!エクセルの表をブログやサイトに張り付けられるHTML形式の表データに一発で変換できるツール

エクセルの表をブログやサイトに載せたいことってありますよね。 でも、Excelの表をそのままコピペしても、変なスタイルが付いてしまったり、スタイルを解除して貼り...

Mozillaのオンラインコーディングツール「Thimble」が予想以上に使いやすい

Firefoxを開発しているMozillaから、リリースされているオンラインコーディングツールThimbleが予想以上に使いやすかったです。 HTML、CSS、...

画像をもっと軽くしよう!おすすめ画像圧縮サービス3選

Photoshopの画像圧縮よりも、専用ツールを使った方が圧縮率が高く、仕上がりも綺麗です。 レスポンシブ対応のサイトでは、容量の大きい写真を圧縮しておかないと...

ファイルの圧縮やSassのコンパイルを自動化できるタスク自動化ツール gulp.js

gulp.jsは最近人気のタスク自動化ツールです。 色々出来るのですが、一番良く使うのは、ファイルを変更した時に自動でタスクを実行するという使い方です。 例えば...

HTML + CSS + JSをリアルタイムに自由に試せる CodePen

CodePenはHTML + CSS + JSのコードをオンライン上でリアルタイムに試すことができるWebサービスです。 HTML + CSS + JSを一画面...

CSSやHTML5のブラウザ対応状況を調べられる Can I use…

Can I use...はCSSやHTML5のブラウザ対応状況を調べることができるサイトです。 超有名です。 あれ、このタグって、IEで使えたっけ?という時に便...

無料で安定したHTML5ベースの動画プレイヤーなら SublimeVideo

SublimeVideoはHTML5ベースの動画プレイヤーです。高機能で安定しています。 動画プレイヤーのソース自体はSublimeVideo側のサーバーでホス...

HTML、CSS、Jacascript、XML、JSONなどのコードを綺麗にしてくれる Code Beautify

Code BeautifyはHTMLやCSS、Javascript、XML、JSONのコードを綺麗にしたり、圧縮したりできるオンラインサービスです。 よくあるサ...

JPG、PNG画像を圧縮できるWebサービス JPEG & PNG Image Compression – Media4x

JPEG & PNG Image Compression - Media4xはJPG、PNG画像を圧縮できるWebサービスです。 画像ファイルをアップロードする...

オンライン上でコードの差分(diff)を比較できるWebサービス Mergely

Mergelyはオンライン上でコードの差分を比較できるWebサービスです。 いわゆるdiff(ディフ)、2つのコードを比較して差分を取得できるプログラムです。

HTML、CSS、Javascriptをリアルタイム編集できるWebサービス Liveweave

LiveweaveはHTML、CSS、Javascriptをリアルタイムプレビューしながら編集できるWebサービスです。 一つの画面の中でHTML、CSS、Ja...

MACでのPhotoshopスライスがものすごく楽になるアプリ Slicy

SlicyはMacでのPhotoshoスライス作業がものすごーーく楽になる便利なアプリです。 レイヤー・グループに「〜.png」や「〜.jpg」などの名前をつけ...