Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Category Archives: Webservice

[WEB SERVICE] 15 Highly-Useful Resources for Cross Browser Testing – クロスブラウザーテストをする際に使えるウェブサービス

  • Pocket
  • このエントリーをはてなブックマークに追加

ウェブ制作者にとっての悩みの種とも言えるクロスブラウザー対応。それは言い換えればIE対策とも言え、さらに感情的な言い方をすれば「この世からIEなんてなくなればいいのにしょうがないからやってる対策」だとも言えます。その作業の手助けをしてくれるウェブサービスが15サイト紹介されてます。オンラインで確認する以上どうしても手元で確認する作業に比べてタイムラグが生じてしまいますが、最終確認とかには使えそうです。

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

  • Pocket
  • このエントリーをはてなブックマークに追加

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

[WEB SERVICE] Youtubeやニコ動の動画を簡単にダウンロードする方法

  • Pocket
  • このエントリーをはてなブックマークに追加

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

(さらに…)

[CSS] 12 really useful CSS tools – CSS関連の便利なウェブアプリケーション

  • Pocket
  • このエントリーをはてなブックマークに追加

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

[WALLPAPER] Five Best Wallpaper Sites – 壁紙配布サイトまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

Gizmodeが、壁紙配布サイトのベスト5をまとめてます。以前は壁紙収集といえばSpymacでしてたんですが、Spymacリニューアルでそれがしづらくなり、最近じゃたまに思い出したように集めるくらいです。ここで紹介されてるサイトはどれも専門のサイト(またはコーナー)なので、解像度指定なんかも含めて効率的に探せそうです。壁紙収集の際にひとつ。

[TWITTER] Top 50 Twitter Tracking and Analytics Tools – Twitterユーザーのための解析ツール

  • Pocket
  • このエントリーをはてなブックマークに追加

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

[FLASH] Flockdraw – リアルタイムにホワイトボードを共有できるウェブサービス

  • Pocket
  • このエントリーをはてなブックマークに追加

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

[CSS] 10 Online Tools and Apps to Help Optimize and Format CSS – CSSを最適化するオンラインツール

  • Pocket
  • このエントリーをはてなブックマークに追加

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