あなたのサイトが世界各所からどのぐらい快適に見られているかを教えてくれる『youmonitor.us』 | POP*POP
グローバルにサイトを展開している人にとって便利そうなサービスのご紹介。 youmonitor.usでは世界各地からどのぐらいの快適さであなたのサイトを見ることができるのか教えてくれます。また登録すれば定期的にモニターしてくれて、なにか問題が発生したら教えてくれる、といったサービスも提供しています。 ↑ 診断結果。GoogleやYahoo!と比べてどのぐらいの速さかも教えてくれます。 日本からは快適に見られているけどあの国ではやたら遅い・・・といった問題もこれで把握することができますね。 ご利用は以下からどうぞ。 » YouMonitor.Us – Free monitoring for your web site
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
「あ、プレゼント買わなくちゃ！」に役立ちそうなおしゃれショップまとめ | P O P * P O P
個人的に調べ物をしていたのでその結果をシェアしておきます。 ギフトってなにかと最後まで決まらないものですよね。「明日までに買わなくちゃ！」ということもしばしば。そこでおしゃれ系のギフトが揃いそうなショップをまとめてみました。 ちなみに選択基準は適当ですｗ。ネットショップがないものも含まれますのでご注意を。いざというときに役立つかも？！ 詳しくは以下からどうぞ。 hhstyle 定番中の定番です。原宿や青山にもありますね。 living motif 六本木のAXISビルに入っていますね。こちらもギフトにおすすめ。 Francfranc こちらも定番ですね。ちょっとした家具や小物が充実しています。 無印良品 一応こちらも。ネットショップではよく割引をやっていますよ。 MoMA Online Store Japan アート的アイテムの定番ですね。 ZOZOTOWN | CIBONE公式通販サイト
フォトショップを使って迷路を一発で解く方法 | POP*POP
かなり裏ワザですが、taint.orgさんで「フォトショップを使って迷路を解く方法」が紹介されていました。 実際試してみましたが、本当に解けてしまいました・・・これはすごい。迷路を解くのが楽しいのでなんだか本末転倒ですが・・・豆知識として知っておいても良いかもしれません。 以下にやり方をご紹介。 迷路を用意します。今回はMaze Generatorにて100×100の迷路を生成。 ↑ この迷路を使用します。 次に迷路の右側の壁を自動選択ツールで選択。 「選択範囲」「選択範囲を変更」「拡張」で4px拡張。 新しいレイヤーを作成。 赤で塗りつぶし。 「選択範囲」「選択範囲を変更」「縮小」で4px縮小。 おもむろに「DEL」キー。 回答が浮かび上がりました！ 作業の途中では「本当かなぁ・・・」と懐疑的だったのですが、最後に回答が浮かび上がった時は感動しました。フォトショップの類のツールをお持ちの
サイトの読み込み時間を詳細に調べてくれる無料診断ツール『Pingdom Tools』 | POP*POP
Firebugを使えばいいじゃん、という突っ込みはさておき、Pingdom Toolsでなかなか使える診断ツールが提供されています。 任意のURLを指定すればページのどこがどれぐらいの速度で表示されているかを診断してくれます。「最近サイトがちょっと重いなぁ」というときに使ってみてはいかがでしょうか。 詳しい使い方は以下のとおり。 ↑ このサイトでとりあえずテスト。 ↑ 結果はこのとおり。時間がかかっている画像がどれだけわかりますね。 ↑ それぞれのバーの色の見方はこんな感じです。 ↑ ロード時間のサマリーもこのように表示してくれます。 ロード時間がかかりすぎている場合はどれを圧縮すればいいかが一目瞭然ですね。またどのプラグインやスクリプトに時間がかかっているかもわかるのでサイトを軽くしたい場合には外す優先順位がわかってよろしいかと。 ご利用は以下からどうぞ。 » Pingdom Tools
手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP
昔からあったものですが、ひさしぶりに見てみたらすっかりバージョンアップしていたのでご紹介。 ワシントン大学が開発したDENIMは手書きのインターフェースでサイトマップを作成、HTMLまで生成してくれるというすぐれものです。 タブレットPCと相性が良いですが、マウスでもぐりぐり操作可能です。 簡単な使い方を以下にご紹介。 ↑ 起動直後の画面。 ↑ 文字を書いていくとそれが一つのページとして認識されます（画面はHomeと書こうとしていますｗ）。 ↑ 複数作ったページ。リンクもドラッグで簡単に貼れます。 ↑ ページの詳細へ。左側のメニューでサイトマップレベルか、詳細ページレベルかなどが選択できます。 ↑ 円形メニューでさまざまな操作が可能。HTMLでエクスポートなどもできますよ。 ちなみにこうして作られたサイトをHTMLにしたページのサンプルは以下からどうぞ。なかなか味がありますよね・・・。 »
成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
Flickrで表示レイアウトが変更可能に | POP*POP
swissmissでFlickrの表示レイアウトが変更できるようになったことを知りました。 変更できるレイアウトの種類は以下の6種類です。 ↑ ちなみにデフォルトは「small + sets」ですね。 具体的な使い方は以下をどうぞ。 レイアウトの変更はフッターメニューの「You」から「Your Account」をクリック、次のページの「Your photos page layout」から選択可能です。 この機能を使えばもっとクリエイティブな見せ方ができますね。たとえば「medium + sets」を選べばブログ的な見せ方もできます。 ↑ 普通はこういう感じですが・・・。 ↑ こうすれば写真のコメントを使って写真ブログ的な見せ方もできます。 とにかくたくさん写真を見せたい人は「small images only」でもいいですね。自分の写真にあった見せ方をいろいろ試してみてはいかがでしょうか。
「ひとつ上の写真。」を撮るためのちょっとした8つのコツ（構図編） | POP*POP
最近は一眼レフカメラが流行っていますね。しかし、「いい写真を撮ろう！」と思いながらも絞りやシャッター速度などに慣れない人もいるのでは。 そこで、まず「構図」を工夫してみるのはいかがでしょうか。ちょっとした工夫でぐっと良い写真が撮れますよ。 そこで今回は以下の記事をご紹介。 » How to Make a Killer Photo using 8 Simple Composition Rules では下記からどうぞ。 3分割の法則 対象を中心に据えるのではなく、画面を3分割する線上に据えましょう。このコツは風景や接写、ポートレイトなど多くの撮影に適しています。 対象を大胆に切り抜く 対象の一部分を撮りたい場合は、思い切って接写するのも有効です。ただし、自分が何を撮りたいのか明確にわかってない場合は、まずは全体を撮った方が良いことも。その後、編集ソフトで切り抜くと良いでしょう。 水平線＆垂直線
ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP
ちょこっとした作業をするときにウェブ上のツールは便利ですよね。今回はそうしたウェブ上のツールでも変換系をまとめて紹介している記事をご紹介。 ファイル形式の変換や、Favicon、カラーコードの変換ツールなどなど。知っていると便利ですね。 全部で39個あります。以下よりどうぞ。 ■ 高機能変換ツール Media-Convert とにかく機能が豊富なコンバーター。これ一つ覚えておけばいいぐらいです。テキスト、PDF、CSV、パワーポイント、音声、画像など。 txt2tags インデントなどで構造的に書かれたテキストをHTMLやLaTeXに変換してくれるツール。 Zamzar こちらも万能系。文書、画像、音声、ビデオなどについてさまざまなファイル形式の変換をサポートしています。 ■ 開発系変換ツール HTML Converter HTMLをPHP、Javascript、ASPに変換してくれます。
IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP
これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X
惑星が爆発したような画像を作成するPhotoshopのチュートリアル | P O P * P O P
これはすごいです。 惑星が爆発する画像を作成するPhotoshopのチュートリアルが公開されていました。1枚の泥の画像から作成していますよ。 » How to: Exploding Planet Effect in Photoshop (via TechEBlog） 5分もかかっていない早業です。以下に動画と共にご紹介。 ↑ このような乾いた泥の画像が・・・。 ↑ 球体風になり・・・。 ↑ 完成しました。 動画はこちらからご覧ください。 The Hole – video powered by Metacafe ↑ ドラゴン○ールで見たようなシーンですね。 こちらを作成された「Luv2Help」は他にも多くのチュートリアルを公開しています。ご興味のある方はこちらからどうぞ。 » Luv2Help.com 役立つTips情報や愉快なガジェット情報を提供してくれているTechEBlogからの情報
普通の紙を味のある「アンティーク風」にする方法 | POP*POP
これはなかなかおしゃれ。 こちらでは普通の紙をアンティーク風にする方法が紹介されています。プレゼントのラッピングに使うとおしゃれかも知れません。ホワイトデーにいかがでしょう。 » How to Antique Paper （via Curbly） では、下記に作り方をご紹介！ ■ 用意するもの。 古紙に見せたい紙（中にはメッセージや詩を書いておきましょう） 1/4カップほどの熱いブラックコーヒー（紅茶でも可） コーヒーの粉、スプーン1杯分 紙より大きいベーキングシート スポンジブラシ（あるいはそのようなブラシ） ペーパータオル オーブン ■ 作り方 まず、オーブンをもっとも低い温度で暖めておきます。摂氏93度位だそうです。 紙をしわくちゃにしてから伸ばしてオーブンのトレイに入れます。トレイにはベーキングシートを敷いておきます。紙はその上に載せましょう。 紙をコーヒーに浸します。隅々まで染み
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
思わずアイディアが浮かんできそうな、とってもクリエイティブな屋外広告 | POP*POP