[WEB SERVICE] Web to PDF Converter – ウェブページをPDFに変換してくれるウェブサービス

ウェブサイトのURLを入れるだけで、PDF化してくれるウェブサービス。URLを叩いた後、しばらく待たされてからPDFファイルがダウンロードできます。サイトを紙に出力する際って、DIVの背景が印刷されなかったり色々面倒な設定が多いので、PDF化してから印刷したりすると楽かもしれません。

ウェブサイトのURLを入れるだけで、PDF化してくれるウェブサービス。URLを叩いた後、しばらく待たされてからPDFファイルがダウンロードできます。サイトを紙に出力する際って、DIVの背景が印刷されなかったり色々面倒な設定が多いので、PDF化してから印刷したりすると楽かもしれません。

Youtubeやニコ動に上がっている動画ファイルをダウンロードする方法って、たくさんあってどれ使ったらいいのか分からない時ありますね。あと個人的にはFirefoxのアドオンとか、外部ツールに頼らずになんとかしたいと思っていたところ、簡単にダウンロードできる方法を知ったので紹介。

CSS関連の便利なウェブアプリケーションが紹介された記事。いわゆるCSS補助ツールですね。classやIDの抽出、外部CSSをインライン化するツール、CSS Spriteジェネレーター、カラーピッカー、CSSファイルのコンバインツール、グリッドシステム、斜めや円形のグリッド作成ツールなどがその内容。CSSの上級テクニックを簡単に実現するためのツールが多い印象。オンラインツールを使って効率的に作業をしたい場合にナイスな記事。

最近海外のサイトでよく目にする「フォトショップでラフ描く習慣、そろそろやめにしねぇ?」といった流れ。なかなか興味深いです。そもそもデザイナーがサイト立てる時って、プロトタイピングの後にデザイン起こしが来て、その後でコーディングに移るというのが一般的な流れ。脱フォトショップでは、この内真ん中のデザイン起こしをすっ飛ばしてコーディングレベルでデザインしようよ、という事なんですが、その際に役立つウェブサービスやCSS Tipsなどをまとめた記事がこちら。「じゃ今日からブラウザーでモックアップ作ります」とは言えませんが、個人的にちょっと興味深い流れではあります。

JavascriptやFlashを使って、美しくウェブ上でグラフを見せる方法についてまとめられた記事。グラフを見せる手法というと、画像にしちゃうってのがもちろん一番手っ取り早いんですが、グラフとしての汎用性は大きく落ちてしまいます。数値入力によって自動生成させる方が、よりスマートと言えます。ここで紹介されている方法は、JSやFlashを使うもの以外にも、ウェブサービスを使った生成方なども含まれているので、敷居はそれほど高くない印象。数値データが重視されるサイト制作時に使えそうです。

Twitterユーザーのための、各種解析ツール。50ものアクセス解析サイトが紹介されてます。これだけあるとどれ使ったらいいのか分かりませんね。例えばTweetStatsあたりは、つぶやきの頻度を時期や曜日ごとに見る事ができたり、誰に返信やRTしたかの統計、またつぶやく時に使ったツールなども見る事が出来ます。ちょっと待たされますがかなり多機能です。ビジネスでTwitterを使うシーンも最近じゃ増えてるはずなので、考察の際のデータ取りサイトを探す上でも有効な記事。

Flashを使って、複数の人で1つのホワイトボードをリアルタイムに共有できるウェブサービス。リアルタイムという点がポイントで、試しにウチにある2台のマックを使って、同一のURLを開いてみました。すると片方で描いた内容が、もう片方のマシンにも瞬時に反映されました。何も触ってないのに絵が描かれていく様子はなかなか気味が悪い感じですが、使いようによってはかなり便利なサービス。始め方は簡単で、「Start Drawing」のアイコンを押すだけでお絵かきを始める事ができます。この段階でホワイトボードには固有のURLが割り当てられるため、そのURLを他人に教えるだけで共有ができます。サイトランディング→共有に至るプロセスが極めて簡単な点が素晴らしい。ただしホワイトボードを開いている人が0人になると、描いた絵は消去されるようです。

CSSを最適化してくれるオンラインツールがまとめられた記事。結構この手のサイトって数あるんスね。「CSSの最適化? なにそれおいしいの?」という方のために簡単に説明すると、重複するプロパティや必要でない指定を排除したり、改行コードを削除する事でCSSのサイズを小さくするためのものです。改行コードの削除は、CSSを他人にあまり見られたくない場合に、見づらくするための処置としても使われるような気がします。言うてもDreamweaverのコードフォーマットで1発で見やすくなっちゃうんだけど。CSSファイルをよりスマートにしたい場合に是非。