NITE and DAY.blog

遊び人クリエイターKaiのオシゴト。

超便利!ドラッグアンドドロップで使えるお役立ちWebサービス6!!

2013年も様々な便利サービスが作られました。
その中でも、個人的に操作性が良くて楽ちん!!
と感動したWebサービスをまとめていきます!

 

Croppola - online photo cropping

f:id:doubleM:20131221160900p:plain

ドラッグ&ドロップするだけで
いい感じに写真をトリミングしてくれるサービス。

iromiru (イロミル) - 画像からカラーコード抽出便利サービス

f:id:doubleM:20131221161433p:plain

写真をドラッグ&ドロップするだけで、
その写真に使われている色を抽出出来るサービス。
Webやアプリ開発時、この色のRGB値教えて!という
やりとりを省略出来る便利サービスです。

LayoutIt! - Interface Builder for Bootstrap

f:id:doubleM:20131221161733p:plain

htmlの編集くらいならともかく、CSS
jQueryなんてマジで無理!な筆者にとってまさに神ツール!!
おおまかなアウトラインとCSSを直感的な操作で作れてしまうので、
あとは内容を編集するだけで簡単にサイトが作れてしまいます。

Free iPhone Mockup Generator & App Demo Videos by Placeit

f:id:doubleM:20131221162355p:plain

携帯画面サイズの写真をドラッグ&ドロップするだけで
簡単にモックアップが作成出来る超便利ツール
クライアントに見せたり、プロモーション用にも便利なサービスです。

Responsive Checker | レスポンシブデザイン検証サービス

f:id:doubleM:20131221162441p:plain

こちらも、アプリ開発やWebサイト作成時に役立つツール
年々スマホユーザーが増加する中、ますます色々なデバイスに
対応しなければならなくなっている開発者たち。
いちいち実機確認するのは大変ですが、
このサービスを使えば簡単に見た目を確認できますよ♪
この手のサービスにしては珍しく、
日本人の方が作られているので英語サイトは苦手な方にもおすすめ。

TinyPNG – Compress PNG images while preserving transparency

f:id:doubleM:20131221162658p:plain

その名の通り、pngのサイズを激減させてくれるサービス。
バナー作成時などに役立つかと思います。


ちょっぴり、Webやアプリ開発に便利なものに
寄りすぎてしまったかもしれませんが、きっとその辺りが
Webサービスを一番使う層なので、まぁいいでしょう。

ドラッグ&ドロップの便利サービスが増えることを祈って!

最後にこんなに操作を楽にしてくれる便利なドラッグ&ドロップ機能を
簡単に付けられると噂のjQueryプラグイン
“Dropzone”のリンクを貼って終わりたいと思います。
Dropzone.js

来年も便利なサービスが沢山生まれますように!