AJAXなどでよくあるあの「読み込み中……」みたいな感じのローディング中アニメーションをGIFアニメとして、好きな色の組み合わせでカスタマイスできるという便利なジェネレータです。現時点で99種類のパターンがあります。 詳細は以下の通り。 Load Info - gif generator http://loadinfo.net/ まずは好きなパターンをクリックして選択 小さなウインドウが開くので、色と背景色（透明も可能）、それから大きさを選んで「generate」をクリック しばらく待つと、完成するので「download」をクリックすれば保存できます。 なお、これが実際に作ったサンプルです。やっぱり背景色はちゃんと指定した方がいいかも。

よくある類のツールではありますが、知っておくと便利かなということでご紹介。 ブラウザだけで画像の伸縮、切り取りから枠線をつけたり、テキストを入れ込んだり、ということができます。フィルターや枠線の種類が豊富でなかなか楽しげです。 ちょこっとだけ画像の加工をしたい、というときに便利そうですね。 以下に詳しくご紹介。 ↑ サイズ変更も直感的に行えます。四隅の四角をドラッグするだけです。 ↑ 指定した部分だけを切り抜くことが可能。これもマウスだけで操作できますよ。 ↑ 枠線も追加可能。左側のメニューを見ればわかりますが、かなりの種類があります。 ↑ フィルターも種類が豊富。 すっかりオンラインでいろいろなことができるようになりましたね・・・。フィルターと枠線は種類が豊富なので眺めていると新しいデザインのアイディアが浮かんできそうですね。 ご利用は無料です。よろしければ以下からどうぞ。 » Make

45 Best Freeware Design Programs by Jose Mauricio Duque | Jul 20, 2007 | Freebies, Reference | 198 comments In a previous post I gave you a list of 85+ Free Killer Resources Every Designer Should Know, which had a great response. Now, in the same line, I have brought together 45 Freeware Design Programs among literally thousands and thousands. It was a great quest, and it was worth it. No, it won’

11 Craziest Ways To Browse Flickr Photosというエントリーより。 We’re told by commenters that the transition of users from Yahoo Photos to Flickr is in full swing this week, so this universe of fun Flickr tools may be novel to many newbie Flickr members. Flickr APIを利用し、楽しく写真を見るために開発されたウェブサービスが紹介されていました。 1. Browse by drawing 手書きの絵でブラウズすることができる「Retrievr」です。描いた絵に似た形、色の写真をピックアップしてくれます。 2. Browse through RSS 登録したR

Flickrには世界中から数え切れないほどの画像がアップロードされています。ユーザーもタグ付けをすることができるので、見たい画像を探すことはそれほど難しくありません。しかし、たまにはこれだというピンポイントの画像ではなく、いろんなテーマに沿ったバラバラの画像が見たいときもあります。そんな時、「Flickr Color Selectr」なら、指定した色を使った画像をFlickrから探してきてくれます。 アクセスとその詳細は以下から。 Flickr Color Selectr スライダーとかをいじって、好きな色を選ぶ。数値は参考用なので、残念ながら数値入力での色指定はできない。 赤。 白。 黄色。 青。 緑。 黒。

Secure Processing Your data is encrypted at rest (AES-256) and in transit (TLS 1.2+). Get Job Done Fast Process your files in seconds – save time for more important tasks.

まったく何も描かれていない無地のものから、文字で「click here」と書かれているものまで、8枚の画像に対して好きなところをクリックすると、自分と他の実験者のクリック位置データが表示されます。結果表示はクリックされることが多い所ほど熱そうな色になっていくのですが、かなりハッキリとクリック位置の偏りが出ています。 詳細は以下から。 一枚目は無地です。手っ取り早く結果のデータだけ見たい人は右上のSkipをクリック。 New Click Survey ジョルジュ・ド・ラ・トゥールの名画「いかさま師」をつかったクリック実験もあります。 Click Survey 好きなところをクリックしていいといっても目標があるとそこに意識が向かってしまうようですね。

ページの制作において必須とも言えるCSSですが、そのCSSファイルを最適化することによってページの読み込みを早くしてみたり、トラフィックの多いサイトであれば転送料の節約にも貢献できるらしい。 というわけで、現時点で存在するCSS最適化ネットサービスをいろいろと探して列挙してみました。最適化といってもサービスによって方法はいろいろなので、この中から自分の目指す方向の最適化サイトが見つかるかも。 CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスのリストは以下の通り。 Clean CSS - A Resource for Web Designers - Optmize and Format your CSS http://www.cleancss.com/ コメントを残したり、並べ替えたり、圧縮したり、最適化レベルやオプション指定によってかなりカスタマイズできるCSSファイルの容

チェックしたいサイトのアドレスを入力するだけでGoogleページランク、Yahoo!WEBランク、トラフィック世界ランク、サイト来訪者数、サイト来訪者の平均ページビュー、最重要に設定されているキーワード、最重要キーワードの月間検索数、Google/Yahoo!/MSNの最重要キーワードでのサイトの順位と競合数・狙い目数値、Google/Yahoo!/MSNの被リンク数、ドメイン取得年月日などがわかります。 今まであちこちの同種のサイトを使っていたのがかなり楽になります。国内サービスなので表示も全部日本語で、非常にわかりやすいです。 SEO TOOLS http://www.seotools.jp/ SEOアクセス解析ツール http://www.seotools.jp/001_seoanalyze/ SEO TOOLS - 順位チェックツール http://www.seotools.jp/

フォームに自分のサイトのアドレスを入れるだけで、Googleのページランク、Googleでの検索結果から類推されるリンクしているサイトの数、同じくYahoo！とMSNからのリンク数、さらにはAlexaのトラフィックグラフへのリンクなどをまとめて表示してくれます。 Who links to me http://www.wholinks2me.com/ ほかにもそれぞれのリンク元一覧がずらっとこのサイト下部に並ぶので、自サイトのメジャー具合を調べるのに都合がいいかもしれません。また、SEO業者に頼んでからその成果を見る場合に役立つかも。 なお、この「Who links to me」はRefererを見ているらしく、自サイトからリンクすればそのリンク元サイトの結果で自動的に表示してくれます。そこで自サイトからリンクする用のタグもページ最下部に提供されています。

GoogleのページランクやAlexaのランク、GoogleとYahoo！とLive Searchからのバックリンク数、ブログ検索エンジンテクノラティのインバウンドリンク数、ソーシャルブックマークdel.icio.usのブックマーク数、RSSリーダーBloglinesでの購読者数、それからドメインのWhois情報やDNS情報を一度に調べて表示してくれるという無料サービスです。 いちいちひとつずつ調べる手間が省け、検索エンジン対策のSEOにも便利。 使い方は以下の通り。 popuri.us quickly check your site's Google PageRank, Alexa Rank and more! http://www.popuri.us/ まず調査したいサイトのアドレスを入力し、「Get Info」をクリック しばらくすると調査結果が順番に表示されます。とっても簡単。

色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です

これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X