タグ

ブックマーク / www.popxpop.com (32)

  • 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

    IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
  • 動画で学ぶPhotoshop (27のテクニック) | POP*POP

    下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写

    動画で学ぶPhotoshop (27のテクニック) | POP*POP
  • ちょっと覚えておくと便利なExcelのショートカット5つ | P O P * P O P

    Excelをよく利用する方は覚えておくと便利なショートカットのご紹介。ちょっと知っているだけで格段に作業スピードが速くなることも。TechJiveからの情報です。 » Excel Keystrokes (via TechJive) 「Ctrl+Space」 :その列全体を選択。 「Shift+Space」 :その行全体を選択。 「Ctrl+矢印キー」 :データが入力されている範囲の先頭行(↑ )、末尾行(↓)、右端列(→)、左端列(←)に移動。 「Ctrl+Page Up/Page Down」 :ワークシート間の移動。 「Ctrl+Home」 :そのシートのA1のセルへ移動(ウィンドウ枠を固定している場合は、その下のセル)。 ちなみに個人的によく使うショートカットは以下のようなものでしょうか。 「Ctrl+1」 :セルの書式設定を選択。 「Shift+Enter」 :上の行/左の列に移動(

    ちょっと覚えておくと便利なExcelのショートカット5つ | P O P * P O P
  • Googleカレンダーをもっと便利に使うための13のツール&Tips | P O P * P O P

    さて新年度ですね。何かと忙しい時期ですがきちんとスケジュール管理をしたいものです。 そこで今回は「Googleカレンダーをもっと便利に使うための13のツール&Tips」をご紹介します。数あるTipsの中から個人的に使ってみて気に入ったものを選んでみました。 そのまま使っていても便利なGoogleカレンダーですが、他のツールと組み合わせればもっと便利に使うことができますよ。 さて、一体どのようなことができるのでしょうか。以下よりご覧ください。 ■ Googleカレンダーに新しい情報を追加する 現在時刻のラインを表示する Googleカレンダー上に現在時刻のラインを表示するGreasemonkeyです。次の予定までの空き時間がぱっと見てわかります。 » Google Calendar Display Current Time Line 天気予報アイコンを表示する livedoorが提供している

    Googleカレンダーをもっと便利に使うための13のツール&Tips | P O P * P O P
  • これで完璧!ロゴデザインのためのお役立ち資料まとめ | P O P * P O P

    これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな~り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo (ロゴの重要性) Logo Design Software (デザインのためのツール) Logo Design Tutorials (チュートリアル) Logo Fil

    これで完璧!ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
  • 旅行にもっていく衣服をコンパクトにたたむ方法 | P O P * P O P

    旅行にいくときは一つのバッグでいきましょう!を推奨しているOneBag.comにて便利そうな情報があったのでご紹介。 シャツやパンツをまとめてコンパクトにたたむ方法です。個別にたたむより確かに扱いやすそうですね。 ↑ シャツ2枚&パンツ1枚の場合。 ちょっとしたことですが、知っておくといざというときに便利そうです。出張が多い方は試されてみてはいかがでしょうか。 » bundle-wrapping.jpg (JPEG Image, 1000×772 pixels)

    旅行にもっていく衣服をコンパクトにたたむ方法 | P O P * P O P
  • ビクターマークの由来にちょっと感動してしまった・・・ | POP*POP

    有名かもしれませんが、詳しくは知らなかったのでご紹介。あのかわいいビクターマークの由来について。 ↑ かわいいですよね。 以下のページに説明がありますが、感動的な物語ですね・・・。 フランシスの兄マーク・H・バラウドは「ニッパー」と呼ぶ非常に賢いフォックス・テリアをかわいがっていましたが、彼が世を去ったため、彼の息子とともにニッパーをひきとりフランシスが育てました。たまたま家にあった蓄音器で、かつて吹き込まれていた兄の声を聞かせたところ、ニッパーはラッパの前でけげんそうに耳を傾けて、なつかしい主人の声に聞き入っているようでした。 ちょっとした話のネタによいのかもしれません。 » ビクターマークの由来 会社情報 ビクター ちなみにレコード会社のHMV(His Master’s Voice)の社名もこれに由来しているらしいですね。こちらも知っておくと良いかもしれませんね。 » HMV – Wi

    ビクターマークの由来にちょっと感動してしまった・・・ | POP*POP
  • 仕事が出来ない人の7つの習慣 | P O P * P O P

    ベストセラーの「7つの習慣」をもじった反面教師的記事をご紹介。「7 Habits of Highly Ineffective People」なる主張です。 たしかにこういう部下や同僚がいたらイラっと来てしまうかも・・・と思う前にまずは自分がひっかかっていないかチェックですね・・・。 多少耳が痛いですが、「仕事がデキル奴!」になるために参考にしてもよさそうです。詳しくは以下からどうぞ。 約束したのに来ない いわずもがなですが、ドタキャンしていると「あいつはドタキャンする奴」というレッテルを貼られてしまいます。ウッディ・アレンも言っているように「あなたが成功するかどうかはあなたがちゃんと来るかどうかにかかっている」のです。 行けないようなら約束をするのはやめましょう。 1日の半分ぐらいぐずぐず過ごしている やらなくちゃなー、でもなー、とぐだぐだして1日の大半を過ごさないようにしましょう。一番大

    仕事が出来ない人の7つの習慣 | P O P * P O P
  • あなたのサイトが世界各所からどのぐらい快適に見られているかを教えてくれる『youmonitor.us』 | POP*POP

    グローバルにサイトを展開している人にとって便利そうなサービスのご紹介。 youmonitor.usでは世界各地からどのぐらいの快適さであなたのサイトを見ることができるのか教えてくれます。また登録すれば定期的にモニターしてくれて、なにか問題が発生したら教えてくれる、といったサービスも提供しています。 ↑ 診断結果。GoogleYahoo!と比べてどのぐらいの速さかも教えてくれます。 日からは快適に見られているけどあの国ではやたら遅い・・・といった問題もこれで把握することができますね。 ご利用は以下からどうぞ。 » YouMonitor.Us – Free monitoring for your web site

    あなたのサイトが世界各所からどのぐらい快適に見られているかを教えてくれる『youmonitor.us』 | POP*POP
  • あのブロガーはどのカメラを使っている?がわかる『What cameraphone do they use?』 | POP*POP

    紫色のなにかを押し当てている天才ハッカーから小粋なスクリプトが発表されました。ブログのURLを入れるとそこから写真をひっぱってきてくれてどのカメラを使っているかを教えてくれます。 あの芸能人がどのカメラを使っているかなどがわかって楽しいですね。普通のカメラだけでなく、携帯カメラまでわかるようです。 綺麗な写真のサイトを見たらカメラが欲しくなるもの。カメラや携帯購入の際の参考にもなりますね。 ↑ URLを指定すればカメラの機種を教えてくれます。 ご丁寧にブックマークレットまで用意されていますよ。詳しくは彼のブログをご参照ください。 » ブログの画像からカメラ携帯の機種を調べてみる: blog.bulknews.net ウェブからのご利用は以下からどうぞ。 » What cameraphone do they use?

    あのブロガーはどのカメラを使っている?がわかる『What cameraphone do they use?』 | POP*POP
  • 世界でメートル法をつかっていない国はたったの3国。 | P O P * P O P

    知らなかったのでメモ。世界でメートル法をつかっていない国はたったの3つだけらしいです。一つはもちろんアメリカですが、あと2国しかなかったのですね・・・知りませんでした。 ↑ ちなみにその2国はリベリアとミャンマー。雑学として知っておくとよいかもですね。 なお、下記サイトではメートルの歴史的定義が説明されていますよ。マニアックですけどね・・・。 » GOOD 006 – Transparency – Weights and Measures

    世界でメートル法をつかっていない国はたったの3国。 | P O P * P O P
  • あなたがいますぐやめるべき9つの習慣 | P O P * P O P

    海外でベストセラーの「4 Hour Work Week」の著者のブログで興味深い記事が。あなたがいますぐやめるべき習慣が9つあげられています。個々人の生活にあわせるべきではありますが、「To Doリスト」だけでなく、「Not To Doリスト」も充実させて集中して作業したいところですよね。 詳しくは以下からどうぞ。 知らない番号からかかってきた電話には出ないようにしよう 知らない番号から電話がかかってきたらとりあえず留守電にしましょう。「これ、誰だろう?」という状態で電話に出ると交渉力が発揮できない場合が多々あります。 朝一番にメールチェックするのはやめよう 今日やるべきことはなるべく早い時間に計画すべきです。メールチェックしているとその大事な計画の時間を遅らせてしまいます。最初のメールチェックは午前10時ごろまでにすればいいのです。それまでに大事な仕事の一つぐらいは片付けてしまいましょう

    あなたがいますぐやめるべき9つの習慣 | P O P * P O P
  • 2chで祭りが発生すると赤色灯が回転して教えてくれる『赤色灯 for 2ちゃんねる』 | P O P * P O P

    すでに話題になりつつありますが、どうしても取り上げたかったのでw。 2chで祭り発生!というときを逃さないためのアイテムが登場した模様。仕様がなかなかいけてます。 この赤色灯は、2ちゃんねる掲示板のスレッドで短い間に一定数以上のレスが投稿がされると、自動的に赤色灯が回転して祭りの発生をあなたにお知らせします。赤色灯はインターネットに直接接続することができますので、パソコンを起動していなくても24時間いつでも祭りを検出します。 これがあれば歴史的な祭りの瞬間に立ち会えるかも?koress.jpの方が勢いでw作られたようですね。商品化に期待です。 ↑ 外見はこのような感じ。 ↑ YouTubeの動画まであります。 詳しくは以下からどうぞ。 » koress.jp: 「赤色灯 for 2ちゃんねる」リリース!

    2chで祭りが発生すると赤色灯が回転して教えてくれる『赤色灯 for 2ちゃんねる』 | P O P * P O P
  • 「あ、プレゼント買わなくちゃ!」に役立ちそうなおしゃれショップまとめ | P O P * P O P

    個人的に調べ物をしていたのでその結果をシェアしておきます。 ギフトってなにかと最後まで決まらないものですよね。「明日までに買わなくちゃ!」ということもしばしば。そこでおしゃれ系のギフトが揃いそうなショップをまとめてみました。 ちなみに選択基準は適当ですw。ネットショップがないものも含まれますのでご注意を。いざというときに役立つかも?! 詳しくは以下からどうぞ。 hhstyle 定番中の定番です。原宿や青山にもありますね。 living motif 六木のAXISビルに入っていますね。こちらもギフトにおすすめ。 Francfranc こちらも定番ですね。ちょっとした家具や小物が充実しています。 無印良品 一応こちらも。ネットショップではよく割引をやっていますよ。 MoMA Online Store Japan アート的アイテムの定番ですね。 ZOZOTOWN | CIBONE公式通販サイト

    「あ、プレゼント買わなくちゃ!」に役立ちそうなおしゃれショップまとめ | P O P * P O P
  • 仕事を先延ばししてしまう11の理由とそれへの対策 | P O P * P O P

    よく言われることですが、自分でも意識していなかったところがあったので勢いで翻訳してみます。 「11 Causes and Cures for Procrastination」です。「やらなくちゃいけないんだけど・・・なんだかねぇ・・・」というときにいかがでしょうか。どの理由が自分にあてはまるかがわかれば対策もわかってくるのかもしれませんよ。 よろしければ以下からどうぞ。 やろうとしていることが複雑と思い込んでいる 対策:やるべき仕事を書き出して、小さなアクションに分解してみましょう。次にとるべき具体的な行動は何かを想像してみましょう。どんなに小さい仕事でもいいので何かにとりかかってみましょう。 仕事は完璧にすべきだと思い込んでいる 対策:人間は完璧ではありません。また完璧なことよりも速度が大事な時も多いです。とりあえず80%完成させることを目指しましょう。 意思決定の仕方がはっきりしていな

    仕事を先延ばししてしまう11の理由とそれへの対策 | P O P * P O P
  • フォトショップを使って迷路を一発で解く方法 | POP*POP

    かなり裏ワザですが、taint.orgさんで「フォトショップを使って迷路を解く方法」が紹介されていました。 実際試してみましたが、当に解けてしまいました・・・これはすごい。迷路を解くのが楽しいのでなんだか末転倒ですが・・・豆知識として知っておいても良いかもしれません。 以下にやり方をご紹介。 迷路を用意します。今回はMaze Generatorにて100×100の迷路を生成。 ↑ この迷路を使用します。 次に迷路の右側の壁を自動選択ツールで選択。 「選択範囲」「選択範囲を変更」「拡張」で4px拡張。 新しいレイヤーを作成。 赤で塗りつぶし。 「選択範囲」「選択範囲を変更」「縮小」で4px縮小。 おもむろに「DEL」キー。 回答が浮かび上がりました! 作業の途中では「当かなぁ・・・」と懐疑的だったのですが、最後に回答が浮かび上がった時は感動しました。フォトショップの類のツールをお持ちの

    フォトショップを使って迷路を一発で解く方法 | POP*POP
  • 入力された文字をいい感じに実体参照に変換してくれる便利ツール『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上でコードを書く

    入力された文字をいい感じに実体参照に変換してくれる便利ツール『HTML Entity Character Lookup』 | POP*POP
  • 「あなたの生産性を高めるための50のTips」を自分でも作ってみよう! | P O P * P O P

    Lifehack.orgにて「50 Ways To Increase Your Productivity」(あなたの生産性を高めるための50のTips)が紹介されていました。 全部で50項目。ちょっと迷いましたが、気合いで全部意訳してみますw。 ちょっとしたコツですが、いつも意識しておきたいものがたくさんありますね・・・。以下からどうぞ。 適宜休憩をとろう!働きづめは逆に良くないです。 タスクにとりかかるまえにタイマーをセットしよう! 作業時には集中力を妨げるものを排除しよう(メール、電話、ブラウザ・・・) ゆったりしたバックグラウンドミュージックが生産性を高めることもあります。 あなたがやっていることを心から好きになろう! 一番いやな仕事は朝一番でやっつけよう! JDarkRoomを使おう!(暗闇で作業しているような感覚が大事です!) とにかくはじめよう! 人によって生産性が高まる時間帯

    「あなたの生産性を高めるための50のTips」を自分でも作ってみよう! | P O P * P O P
  • あなたがフリーになったら出会う12種類のクライアント | P O P * P O P

    フリーランスのためのリソースを数多く提供しているFreelance Switchで興味深い記事が・・・。 「あなたがフリーになったときに出会う12種類のクライアント」というものです。「あぁ、こういうクライアントいるいる・・・」とうなづきまくってしまいました。 典型的なクライアントの種類とその対策は以下をどうぞ。フリーになる前に知っておきたい情報ですね。 やたらローテクなクライアント 技術がまったくわからないクライアントです。よくいますね・・・。 典型的な台詞: 「このサイト、いいじゃない!FAXで送っておいてくれる?」 対策: 説明は全て文書で行いましょう。そうでないと何度も説明する羽目に陥ります。また電話や実際に会う機会が多くなるので、その分の予算も上乗せしておきましょう。 興味がないクライアント プロジェクトにあまり興味がないクライアントです。 典型的な台詞: 「あー、まぁ、いいんじゃ

    あなたがフリーになったら出会う12種類のクライアント | P O P * P O P
  • 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

    15,000個以上!最強のアイコン集サイト『FreeIconsWeb』 | P O P * P O P