40,000個以上のアイコンをシンプルなインターフェースで検索できる『iconlet』 | POP*POP
これ以上ないぐらいシンプルなアイコン検索エンジンが登場。以前ご紹介した「iconfinder」と合わせて使うといいかもですね。 基本はシンプルな検索ですが、いくつかオプションも選べるみたいですよ。 詳しい使い方は以下からどうぞ。 ↑ Goolgeライクなシンプルインターフェース。 ↑ ためしに「iPod」で検索。なかなかいい感じ。 ↑ それぞれのアイコンをクリックすると詳細情報が表示されます。 ↑ オプション設定はこんな感じ。ライセンスごとに選べるのがうれしいですね。 ご利用は以下からどうぞ。 » iconlet.com – icon search engine – free icons for your project こちらもあわせてどうぞ。 これは使える！17,000個以上のアイコンから検索できる『iconfinder』
入力された文字をいい感じに実体参照に変換してくれる便利ツール『HTML Entity Character Lookup』 | POP*POP
ウェブサイトを作っている人に便利なツールのご紹介。「HTML Entity Character Lookup」ではAjaxを使って記号を実体参照に変換してくれます。 ある程度適当に書いても似たようなコードの一覧を出してくれるのが特徴。 ↑ 「c」と入力するとそれに該当しそうなコードをすべて教えてくれます。 あのコードなんだったかな、という時に便利そうですね。ご利用は以下からどうぞ。 » HTML Entity Character Lookup › Left Logic ちなみに実体参照がらみでよく使っているツールもあわせてご紹介。 蓄々HTML実体参照変換 : akiyan.com ↑ コードを張り付けるとさくっと変換してくれます。 MovableType用EntityRefButtonプラグイン v0.0.5 (エムロジック放課後プロジェクト) ↑ MovableType上でコードを書く
Google Mapsにいろいろ便利な機能を追加する『Mapplets』がすごすぎます！ | POP*POP
次々と新機能が出てきているGoogle Mapsですが、さらに新しい機能が・・・。 Google Mapsの機能を拡張してくれる小粋なツール群です。 まだプレビュー版ですが、かな～り便利なのではないでしょうか。 以下にいくつか紹介していきましょう。 ↑ すでにいろいろなMappletが登場しています。導入は簡単でクリックするだけです。 ↑ 二点間の距離を測ってくれる「Distance Measurement Tool」。ちょっと距離を知りたいときに便利。 ↑ 過去にどこで地震が起きたかを示してくれる「Earthquake Search」。マグニチュードと過去何年以内なのかを指定できます。 ↑ ある地点とある地点の中間にある場所を検索してくれる「Search In-between」。待ち合わせに便利です。 他にもいろいろなMappletがありますよ。見ているだけで楽しくなります。こうしたMa
仕事のやり方を180度変えるためのヒント | POP*POP
最近よく見るLikeItMattersというブログにてBrianさんが「trimming the attention sails」という記事を書いていました。 いま話題の「4 Hour Work Week」を読んで仕事のやり方をゼロベースで考え直した、というものです。 すべての人にあてはまるわけではないですが、「かな～り働いているけどどうにも楽にならない・・・」という方は参考にされてみてはいかがでしょうか（自分も参考にします・・・）。 詳しくは以下からどうぞ。 フィードを全部削除しましょう なんとなく登録してきたRSSフィードをいったん全部削除してみましょう。その後、本当に必要なものだけ購読します。 また新しくフィードを登録する際には「トライアル」フォルダーを作って本当に登録すべきかどうかしばらく様子をみましょう。 メールチェックを劇的に減らしましょう メールチェックは10時、2時、4時だ
あなたはわかる？「錯覚コンテスト2007」の最優秀作品とは？ | POP*POP
まだ5月ですが「Best Visual Illusion of the Year」の結果が発表されたようです。 最優秀作品は下にご紹介するピサの斜塔の写真。 一見何のことやら？と思いますが、なんとこの二つの塔はまったく同じ写真。それにもかかわらず右の塔が傾いて見えてしまいます。 これは人間の視覚システムがこれらの二枚の写真をあたかも一つの写真であるかのように思いこんでしまうかららしいです（二つの塔がたっていて、左側の視点に合わせると右側は傾くはずだ、という思い込み）。 なお、このコンテストでは他にも”優秀作品”が発表されていますね。よろしければどうぞ。 » Best Visual Illusion Contest
ブロックを組み立てるようにプログラミングを簡単に学べる『Scratch』がすごいかもしれません | POP*POP
MITのメディアラボで開発されている開発ツール「Scratch」が話題になっています。 小さなお子さんでもプログラミングに親しんでもらおう、という目的で作られたツールです。 この時代、誰でもプログラミングを学びたいものですよね。この「Scratch」、どれほど簡単なのでしょうか。 以下に詳しく見ていきましょう。 ↑ 起動直後の画面。左側からアクションを選んで組み立てていきます。 ↑ まずは猫を動かしましょう。左側から「Move 10 Steps」を選び、横のエリアにドラッグします。それをダブルクリックすると猫が横に動きます。もちろん「10」の値は好きに変えられます。 ↑ 次にさっきのブロックの下に「Say Hello for 2 seconds」をくっつけます。これでこのブロックをダブルクリックすると「横に動いてHelloと2秒間言う」というアクションがつくれました。 ↑ こうしてできたア
ボタンにさまざまな”触感”を与えることができるFLASHツールキット『PowerCursor』 | POP*POP
FLASH職人の方のための便利そうなツールをご紹介。 「PowerCursor」ではウェブ上でさまざまな”触感”を実現するための部品を提供しています。 マウスをその上にもっていくと重力を持っているように動いたり、迷路のようにある道しか通れなくしたり・・・。ゲームやクリエイティブなインターフェースに良いかもですね。 どういった部品がそろっているのでしょうか。以下にいくつかご紹介。 ↑ たとえばこういった部品があります。「Sand」の上ではマウスはまるで砂場で歩いているようなのろい動きになります。逆に「Slick」ではつるつるした動きになります。 ↑ 上図の「Ramp(Up)」にてマウスにかかる力。マウスをのせるとポインターに上向きの力がかかります。 ↑ 穴や丘のようなものも作ることができます。この上にマウスを持っていくとそこに穴があるようにポインターがそちらに動いていきます。 ↑ 迷路のよう
あの行きたかった場所をもう忘れない！『あとで行く』速攻レビュー！ | P O P * P O P
これは素敵なツール。サイトを見ていて「あぁ、このイベント行きたいなぁ」「このカフェいいかも！」と思うときってありますよね。 そうしたときに便利なのが「あとで行く」です。そうしたページからブックマークレットで一発登録。しかもさまざまな付帯情報を自動でつけてくれるのであとで検索が楽々です。 以下に詳しい使い方を見ていきましょう。 ↑ こちらがトップページ。はてなIDで認証をすませてまずはブックマークレットを登録。 ↑ まずは気になるページで住所っぽいものをハイライト。 ↑ そのあとおもむろにブックマークレットをクリック。 ↑ するとこのような登録画面に行くので必要な情報を入力。 ↑ 位置情報も登録！ ↑ この場所を登録するとさまざまな付帯情報を自動で引っ張ってきてくれます。最寄り駅情報が便利！ ↑ このように登録されたリストは参加者で共有。充実してくれば相当使えそうですね・・・。 登録したリス
手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP
昔からあったものですが、ひさしぶりに見てみたらすっかりバージョンアップしていたのでご紹介。 ワシントン大学が開発したDENIMは手書きのインターフェースでサイトマップを作成、HTMLまで生成してくれるというすぐれものです。 タブレットPCと相性が良いですが、マウスでもぐりぐり操作可能です。 簡単な使い方を以下にご紹介。 ↑ 起動直後の画面。 ↑ 文字を書いていくとそれが一つのページとして認識されます（画面はHomeと書こうとしていますｗ）。 ↑ 複数作ったページ。リンクもドラッグで簡単に貼れます。 ↑ ページの詳細へ。左側のメニューでサイトマップレベルか、詳細ページレベルかなどが選択できます。 ↑ 円形メニューでさまざまな操作が可能。HTMLでエクスポートなどもできますよ。 ちなみにこうして作られたサイトをHTMLにしたページのサンプルは以下からどうぞ。なかなか味がありますよね・・・。 »
モバイルにとっても便利な、世界でもっとも薄いマウス『Slim Mouse』 | POP*POP
モバイル用に小さなマウスを探していたのですが、これはいいかもしれません。 収納時にはなんと薄さたったの5mmです。USB対応の光学式です。ちゃんとスクロールホイールまでありますよ。 以下に写真でご紹介。 ↑ どうですか、この薄さ！ ↑ 表＆側面。必要な機能はすべてそろっています。 ↑ 裏面。ちゃんと光学式です。 ↑ 使うときはこんな感じに変形させて使います。 元サイトにはもうちょっと画像があります。よろしければどうぞ。 » Tekenstein » Slim G4 – World’s Thinnest Mouse なお、ご購入はこちらから。$95なのでちょっと高いですかね・・・。でも欲しいかも・・・。 » Slim mouse – the only laptop mouse that transforms itself just for you–Home Page
成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
あなたのプレゼンを今すぐ改善させるための5つのTips | P O P * P O P
プレゼンは場数、が基本ではありますが、ちょっとしたコツでぐっとプレゼンが上手くなることもあります。 そこで今回は「5 Powerful Hacks to Immediately Improve Your Presentations」をご紹介。大事なプレゼンを控えている方は参考にされてみてはいかがでしょうか。 詳しくは以下からどうぞ。 聴衆からの質問は繰り返そう プレゼンの最後では一般的に質疑応答があります。その質疑応答でプレゼンの印象が決まることもしばしばです。 そこで質問を受けたら「今、○○といった質問がありました。私の回答は・・・」と質問を繰り返しましょう。 こうすることで質問者以外の人も巻き込むこともできますし、なにより回答を準備する時間を稼ぐことができます。たった数秒ですが、これが大きな違いを生むこともあるのです。 沈黙は力なり 緊張してきたら下手なことを口走らずに、一瞬黙って深呼
ウェブ上で組織図をさくさく作成・編集できるForbesの『Org Chart Wiki』 | P O P * P O P
Forbesにて便利そうなツールが公開されていました。いわゆる組織図をウェブ上で作成、編集できるツールです。 しかも著名企業の組織図はすでにいくつかアップされています。これを見ながらつくってもいいですし、そもそも企業の体制を知ることは勉強になりますよね。 詳しい使い方は以下をどうぞ。 ↑ まずは組織図を新規作成。組織名と業界を入力します。 ↑ 初期作成画面はこちら。Google Mapのようなインタフェース上で人を入れ込んでいきます。 ↑ 一応つくってみたのはこちら。基本はドラッグ＆ドロップで自由に作っていくことができます。作った組織図は保存もできますよ。 ↑ 著名企業の組織図も見ることができます。こちらはGoogle。 なお、有名企業の組織図を見られるツールといえば「They Rule」もありますね。こちらのほうがちょっとおしゃれですね。かなり古いサイトなのでデータが古いかもしれませんが
あなたが大金持ちではない10の理由（by ドナルド・トランプ） | POP*POP
不動産王のドナルド・トランプの著書から「あなたが大金持ちではない10の理由」が紹介されていました。 耳が痛い話ではありますが、彼が言っているので説得力があります。お金持ちになるにはまずは意識改革から・・・というわけで以下にご紹介。 まず基本的な考え方ですが、ドナルド氏いわく、「お金持ちになりたいなら、お金を持つ前からお金持ちのように思考しなくてはならない」とのことです。 自分があたかもお金持ちであるかのように考え、振舞うことから始めよう、ということですね。 では以下に彼の言うところの「こんなことを考えていたらお金持ちになれない」を紹介していきましょう。 休みをとらなくちゃいけない・・・と思っている ドナルド氏いわく「あぁ、休みをとりたいなぁ」と思ったらその仕事はあなたに合っていない、とのこと。 理想的な仕事とは、仕事と休みの区別がつかないようなものである、ということでしょう。 睡眠とらなく
あなたがフリーになったら出会う12種類のクライアント | P O P * P O P
フリーランスのためのリソースを数多く提供しているFreelance Switchで興味深い記事が・・・。 「あなたがフリーになったときに出会う12種類のクライアント」というものです。「あぁ、こういうクライアントいるいる・・・」とうなづきまくってしまいました。 典型的なクライアントの種類とその対策は以下をどうぞ。フリーになる前に知っておきたい情報ですね。 やたらローテクなクライアント 技術がまったくわからないクライアントです。よくいますね・・・。 典型的な台詞： 「このサイト、いいじゃない！FAXで送っておいてくれる？」 対策： 説明は全て文書で行いましょう。そうでないと何度も説明する羽目に陥ります。また電話や実際に会う機会が多くなるので、その分の予算も上乗せしておきましょう。 興味がないクライアント プロジェクトにあまり興味がないクライアントです。 典型的な台詞： 「あー、まぁ、いいんじゃ
15,000個以上！最強のアイコン集サイト『FreeIconsWeb』 | P O P * P O P
素敵なアイコンがたくさんダウンロードできるのがFreeIconsWebです。全部で15,000個以上あるそうですよ。 ↑ なかなか素敵ではないかと・・・。 こうした素材集サイトは知っておくと便利ですね。ブックマークに加えておいてはいかがでしょうか。 なお、ご利用の際は配布元のライセンスをご確認ください。 » Free Icons Web – Free Icons,Free Icons Download,Free window icons,Free xp icons,Free computer icon
もうこれで迷わない！色に関するお役立ち資料まとめ | P O P * P O P
色って何かと迷いますよね。センスだけでできればいいのですが、なかなかそうもいかないもの。そこで色の理論から、色が心理に与える影響までを網羅した資料をご紹介。 以前ご紹介した「これで完璧！ロゴデザインのためのお役立ち資料まとめ」と同じシリーズですね。 色に迷ったときにかなり使えそうですよ。詳細は以下からどうぞ。 いろいろ網羅されているのですが、いくつか気になるトピックをピックアップ。 ↑ 色関係の使えるオンラインツールいろいろ。 ↑ デスクトップから使えるツールもいろいろ紹介されています。 ↑ 色が心理に与える影響について。大事ですよね。 念のため、全部のカテゴリーをあげておきましょう。 Color Basics （色の基本） Color Psychology & Meaning （色が心理に与える影響および色の意味） Color Science & Theory （色の理論） Color
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語で吹き出し画像が作れる『Yet another make your own speech bubble!』 | POP*POP
美少女をTABLEタグで丹念に描いていくムービー | POP*POP
大自然の驚異を知ることができる神々しい台風、雷、雲の写真いろいろ | POP*POP
