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

Browse By

Tag Archives: Webservice

[TWITTER] 50 Beautiful & Unique Twitter Profile Designs – クールなTwitterデザイン

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

クールなTwitterデザインを50例紹介した記事。Twitterにおけるページデザインというと、結局は背景1発勝負という感じではあるんだけど、真ん中のコンテンツエリアを活かす事で結構色々できるもんだなぁという印象。ただし背景が大きくなり過ぎると、ただでさえトラフィックの重いTwitterだけに、サイズ的な妥協点を見いだすのが難しいかも。あと自分もそうだけど、最近じゃ外部ツールを使ってTwitter見てる人も多いし、デザイニングに力を入れる事がどれだけ大事かというと、それもまた微妙なところではあります。

[TWITTER] Twitteryam ツイッターヤム – 私のTwitterの価値はいくら?

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

Twitterアカウントごとのフォロー数などを参照して、アカウントの持つ価値を算出してくれるウェブサービス。早速やってみましたやってみました。“Quattro”と入力してエンター。なんと¥6,316もの価値があるそうです! MGのガンプラ2個買える! 被フォロー数やアカウントの解説日時などから算出しているようです。ちなみにTwitterアカウントを使ってログインすると、自分のアカウントの価値を調べた他のユーザーが見れたりします。

[TWITTER] プログラミングができなくても作れるTwitter botの作り方

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

特にプログラミングの知識がなくても、簡単にTwitter Botを作れるというPHPファイルが配布されてます。これなかなかオモしろい。このBotでできることは、用意した文章をランダムな順番で投稿する、用意した文章を決まった順番で投稿する、誰かに@を貰うと用意した文章をランダムに返す、の3つが行えるようです。「よーし俺シャアBot作っちゃうゾ!」とか思ったんですが、「いや待てよ、セイラさんBotの方がウケがイイかも」とも思いました。どのみちガンダム縛りなんですが、その内何か作ってみたいなと。

[WEB SERVICE] Screenr – スクリーンキャストを撮って、各種ウェブサービスに投稿

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

スクリーンキャスト(画面の動きを動画でキャプチャ)を撮影し、録画した動画を直接Twitterなどのウェブサービスに投稿できるというウェブサービス。マックでもウィンでもイケるそうです。Twitter以外にもYouTubeへの投稿もオッケーみたい。何かサービスを始めようという時や、友人に画面上の動きを見せたい場合、また単なるネタ動画の撮影にも便利そうです。

[WEB SERVICE] 20 Tools For The Freelance Designer On A Shoestring Budget – フリーランスデザイナーのためのツール

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

フリーランスデザイナーのための、(主に)オンラインツール。グラフィック関係のホットなアプリやカラースキーム、ブラウザ確認、ローカルDB構築、テキストツール、画像リソースのナイスなサイトがまとめられてます。これさえあれば今日からフリーランス!というわけにもいきませんが、まぁ情報リソースは多い方がいいですよね。Pixelmatorはいずれ使ってみたいなーと思ってます。

[WEB SERVICE] Convert PDF to Word – PDFをワード書類に変換してくれるウェブサービス

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

PDF書類をワード書類に変換してくれるウェブサービス。これ系のオンライン変換サービスって色々あるけどここがナイスなのは、PDFからの変換先としてWord、Text、Image、htmlと各種揃っている点。またプレーンテキストからPDFのコンバートもしてくれるようです。実際に試してないので精度については何とも言えませんが、Officeで編集したい書類を変換するだけの目的なら、オンラインサービスはとってもラクチンですね。

[WEB DESIGN] 13 Ways to Browser Test and Validate Your Work – HTML & CSSバリデーションツールと、ブラウザ確認補助ツール

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

クロスブラウザ対応サイト(というか普通そうですよね)制作時に有効なバリデーションツール各種と、ブラウザーごとのレンダー確認補助ツールが紹介されてます。W3CのHTML & CSSバリデーションチェックツール、FireFoxのアドオン。そしてブラウザチェックツールとしては、異なるIEやFireFoxのバージョンを混在させる方法について。またオンラインで異種ブラウザ間でのレンダーの違いをスクリーンショットで見せてくれるウェブサービスが紹介されています。一番手軽なのはウェブサービスによるチェックですが、いかんせんタイムラグが生じるのが使いづらいところ。「レイアウト崩れる−!」って時には頻繁にCSS修正→リロードってのを繰り返すので、結局はマックとウィンを1台ずつ並べて作業するのが一番効率がイイのかもしれません。

[WEB DESIGN] Project Deploy – 簡単な選択肢をチェックするだけで、サイトの初期ソースを生成してくれるウェブアプリ

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

これは便利。サイトの基本的な情報をチェックするだけで、仕様に合った初期ソースを生成してくれるウェブアプリ。例えば今から作るサイトがxhtml 1.0 transitional、CSSレイアウト、jQueryライブラリを使う、そしてインデックスファイルはphpだとします。それらの選択肢をチェックして“deploy!”ボタンを押すだけで、チェックされた内容の仕様に沿った初期ソースがダウンロードできるという仕組み。xhtmlのヘッダ文とかそれ系って、わりと過去の作例から使い回す事が多いけど、ここで一括してジェネレイトするってのも手かな、と思いました。