WEB制作に役立つ情報サイト | E-tears*jp

CrenaHtml2jpg – WEBページをサムネイル画像に吐き出すソフト

admin — Thu, 23 Sep 2010 17:14:32 +0000

CrenaHtml2jpgは、URLを入力して、URL先のサイトのブラウザ画面のスクリーンショットを保存してくれるソフトです。

指定したサイズに自動縮小もしてくれるので、大変便利です。

CrenaHtml2jpgのダウンロード先

Compress javascript and css – JavascriptとCSSを圧縮

admin — Thu, 15 Apr 2010 15:11:39 +0000

JavascriptとCSSをオンライン上で圧縮するサービスです。

既存のJavascriptとCSSを圧縮して軽くするオンラインサービスです。
【1 Paste】にJavascriptかCSSのコードをペーストして、
【2 Click】で左の【basic compress】ボタンか右の【powerful compress】で圧縮レベルを選んでクリックします。
【3 Copy】に圧縮されたコードが表示されます。

Compress javascript and cssのサイト先

Compress javascript and cssを参照してください。

JS Minifier – Javascriptを圧縮

admin — Thu, 15 Apr 2010 14:56:12 +0000

既存のJavascriptを圧縮して軽くするオンラインサービスです。

【Code】欄にJavascriptのコードをコピーして、
【Level】部分で圧縮レベルをプルダウンで選択し、
【JSMin】ボタンを押すと、下に【Output】欄が表示され、圧縮されたコードが表示されます。

JS Minifierのサイト先

JS Minifierを参照してください。

/packer/ – Javascriptを圧縮

admin — Thu, 15 Apr 2010 14:47:18 +0000

Javascriptをオンライン上で圧縮するサービスです。

既存のJavascriptを圧縮して軽くするオンラインサービスです。
上にJavascriptのコードをコピーして、【pack】ボタンを押すと、
下に圧縮されたコードが表示されます。

/packer/のサイト先

/packer/を参照してください。

QwikiWiki – Python製のマインドマッピング

admin — Wed, 24 Mar 2010 11:59:26 +0000

Wikiとして使用できるが、他のソフトウェアと連携して能力が発揮される。

詳細はMOONGIFT: » QwikiWiki:オープンソースを毎日紹介に記載されています。

QwikiWikiのダウンロード先

英語版はQwikiWikiから。
日本語版はQwikiWiki プロジェクト日本語トップページから。

FireMobileSimulator – FireFoxでモバイル環境を確認できるアドオン

admin — Tue, 23 Mar 2010 10:36:15 +0000

FireFoxでモバイル環境を確認する事ができるアドオンです。
若干実機環境との差異はあるものの、機種毎に指定して確認することができるので、便利です。
携帯サイト制作をする人にとっては優れた環境確認になると思います。

FireMobileSimulatorのダウンロードや詳細情報

アドオンのダウンロードや詳細情報は、FireMobileSimulatorでご確認ください。

Twit Card – Twitterの情報で名刺が作れるサービス

admin — Tue, 23 Mar 2010 10:35:54 +0000

Twitterに登録している情報をそのまま名刺にできるサービスです。
その他名刺を贈ることもできますし、PDF化もしてくれるので、自分で印刷することも可能です。
期間限定（3/31まで）で100枚の名刺を無料名刺サービスをやっています。（送料は別）

Twit Card

詳細は、Twit Cardでご確認ください。

Twit Cardの利用している状態の画像

TwitterのIDを入力すると、右の方に自動で、Twitterの情報が反映され、
名刺のイメージが出来上がります。

Mind42 – Ajax製のマインドマッピングWebアプリケーション

admin — Mon, 22 Mar 2010 11:29:32 +0000

Ajax製のマインドマッピングのWebアプリケーションです。打ち合わせや会議などで複数人で意見を交わす時に、要点を図にまとめていくことができます。
文字色やアイコンをつけることもできます。

マインドマッピングとは？

表現したい概念の中心となるキーワードやイメージを図の中央に置き、そこから放射状にキーワードやイメージを繋げていくことで、発想を延ばしていく図解表現技法。この方法によって複雑な概念もコンパクトに表現でき、非常に早く理解できるとされ、注目され始めている。人間の脳の意味ネットワークと呼ばれる意味記憶の構造によく適合しているので、理解や記憶がしやすい。

また、本来は紙とペンで描くものだが、コンピュータ上で描くための専用ソフトウェアもいくつか存在する。

Wikipediaより引用

Mind42

海外のサービスです。
英語ですが、直感的に使うことができるでしょう。
Mind42を使用したい方はMind42から。

bubbl.us – オンラインでブレインストーミングできるWebアプリケーション

admin — Mon, 15 Mar 2010 15:14:44 +0000

オンライン上で、アイディアをまとめていく上で便利なのが、bubbl.us – free web application for brainstorming onlineです。Flashで作られており、動作もスムーズで快適です。ただ、回線が重い時があり、つながらない時もしばしば。
2.0の方も公開されています。

ブレインストーミングとは？

ブレインストーミングとは、集団でアイデアを出し合うことによって、相互交錯の連鎖反応や発想の誘発を期待する技法である。

人数に制限はないが5～7名、場合によっては10名程度が好ましく、議題は予め周知しておくべきである。

Wikipediaより引用

bubbl.us2.0のベータ版はこんな感じです。

CSS3プロパティジェネレーター – CSS3を画面で確認しながらソースも生成

Eternal-tears — Sun, 21 Feb 2010 03:13:50 +0000

CSS3がブラウザ上で表示を確認しながら、プロパティーを確認出来るAjax製のWebツールです。
Photoshopの感覚で設計されています。
画面でCSS3の反映状態を確認しながら、
ソースも生成してくれるので、そのままWEB制作に使えます。
Google Chrome、Firefox用にもCSSのソースを吐き出してくれるので、
WEB制作には大変便利です。

CSS3プロパティジェネレーターの操作画面

CSS3プロパティジェネレーターの操作は下記の画像のようになります。
また、右上の『ソースを生成』ボタンをクリックすると、ChromeとFirefoxに対応した、
CSS3のソースが表示されます。

CSS3プロパティジェネレーターを使用してみたい方

CSS3プロパティジェネレーターにいって、実際に試してみてください。