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

Browse By

Category Archives: Webservice

[Web Service] 10 Best Search Engines For Graphic Designers – デザイナーのためのサーチエンジン

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

デザイナーのためのサーチエンジン10選。アイコン、ベクターグラフィック、フォント、ロゴの作例サイトなどが紹介されてます。いわゆるデザイン素材配布系のサイトまとめ記事ですね。LogoPondとか自分もよく見ます。デザインのネタ収集の際に是非。

[WEB APPLICATION] Bounce – サイトに注釈を入れる事のできるウェブアプリ

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

URLを入力することで、サイト内に注釈を入れる事ができ、またそれを簡単に他者と共有することのできるウェブアプリケーション。URLを叩くと対象のサイトがキャプチャされ、そこにマウス操作によってキャプション(注釈)を入れる事ができます。一通り作業が終わったら、右上のSAVEボタンを押す事で保存できます。その際固有のURLが発行されるので、それを見せたい相手に伝えるだけで共有ができます。これウェブディレクターとかやってる人にとってはめっちゃ便利だと思う。修正の指示出しとかにはエクセルやイラレなどがよく使われるけど、注釈入れるだけならこのウェブサービスで十分って感じがします。素晴らしい。

[TWITTER] Twitter Backgrounds – Twitterの背景用壁紙配布サイト

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

Twitterの壁紙配布サイト。単純にかっこいい壁紙画像を探す時にももちろんイイんだけど、壁紙を自作する際の画像サイズや、レイアウトのコツなんかを調べる際にも便利。Twitterのホーム画面のカスタマイズって、結局壁紙しかできないんですよね。ってか背景のposition:centerができるようになってほしい。多分これ思ってる人いっぱいいると思う。

[WEB APPLICATION] Your Face In 20 Years – 写真を加齢させてくれるウェブアプリ

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

人の写真をアップロードすると、20年後や30年後の写真にしてくれるウェブアプリ。性別と加齢する年齢(+20 or +30)を選択したら、画像を選択してアップロードすれば作ってくれます。早速敬愛する江頭先生の写真をアップしてみたら、加齢というよりはデブリングにされてしまい、ちょっとアレだなという結果になってしまいました。友人への嫌がらせに是非。

[WEB APPLICATION] Top 10 Free Web Based Photo Editing Alternative To Adobe Photoshop – フォトショップの代替えとなるウェブアプリ

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

最近のウェブアプリの進化ってスゴいですね。ここではAdobe Photoshopの代替えとして機能する、ウェブベースのフォトレタッチアプリが紹介されてます。とは言っても真っ先に紹介されているのがPhotoshop.comだったりするので、結局のところ画像編集の分野ではアドビの呪縛からは逃れられないというかそんな印象ですw 画像のリサイズやちょっとした加工程度ならウェブアプリでできちゃうってのは、PCへのアプリインストールが制限される職場では重宝されますね。

[WEB APPLICATION] 20 Best And Free Online Photo Editing Websites – オンラインフォトエディットツールまとめ

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

サイト上でフォトエディットや画像加工などが行えるウェブサービスのまとめ記事。pixlrとかPhotoshop.comあたりはわりと有名ですが、他にも色々紹介されてます。この手のオンラインツールって、FlashベースなのかJSベースなのかという点が気になります。昔はフォトショップがないと画像加工って全然できなかったのに、最近じゃ便利になりましたね。

[GRAPH] 22 Useful Online Chart & Graph Generators – グラフのオンラインジェネレーター

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

オンラインのグラフジェネレーターまとめ記事。データを元にグラフとして視覚化したものをウェブに掲載したい場合に便利。Javascript使って動的にグラフ生成するのもいいけど、サクっと作って見せたいだけならこれ系のウェブサービスを使った方がラクチンですね。あとiWorkのNumbersとかKeynoteから生成できるグラフも、結構綺麗に仕上げる事ができます。

[WEB SERVICE] 40 Powerful CSS Tools And Generators To Automate Your Workflow – オンラインCSSジェネレーターまとめ

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

CSSを生成できるオンラインツールのまとめ記事。どんなものがあるかというと、レイアウト、フォント関係、コード圧縮、バリデーション、ブラウザごとの確認、グリッドレイアウトのためのジェネレーター、メニュービルダー、フォーム装飾、丸角ジェネレーター、段組レイアウト、CSS Spriteコード生成、カラーパレット、EmやPxなどの単位変換などがその内容。面倒な部分はこうしたオンラインツールに頼るってのも、ひとつの手ですね。フォント関係とか結構重宝します。