知っておくと便利なHTMLで書ける特殊文字一覧『HTML/XHTML Character Entities』 | P O P * P O Pのちのち使えそうなのでメモとしてエントリー。HTML/XHTMLで書けるエンティティの一覧です。 ちょっと変わった矢印や、コピーライトなどの記号、他にもニコニコマークなどがありますね。うまく組み合わせれば楽しげなページができそうです。 ↑ マニアックな記号を知っていれば友達に自慢できるかも？ 毎日使うものでもないですが、いざというときに知っておくと便利ですね。ご利用は以下からどうぞ。 » HTML/XHTML Character Entities : HTML.SU
指定したウェブサイトを128の診断ツールでテストしまくってくれる『test everything!』 | POP*POP
オプションが多すぎて逆に使いにくいのでは・・・という懸念はあるものの、機能の豊富さでは他の追随を許さない最強テストツールのご紹介。 HTMLの検証、SEOツール、ドメイン関連ツールなどなど、8つのカテゴリー、128にわたる診断ツールを提供しています。 あなたのサイト、クライアントのサイトを徹底検証してみればいままで気づかなかった改善ポイントが洗いだせるのかもしれません。 以下に使い方をご紹介。 ↑ まずはURLを指定。 ↑ 次に診断ツールを選択します。カテゴリーごとに数ページにわたるオプションがあります。 ↑ 選択したツールで診断した結果はこちら。 ↑ 診断結果ページのすべてをフレームで表示することも可能です。 要は診断ツールへのリンク集ですが、一気に調べられるインターフェースが便利ですよね。 ご利用は無料です。よろしければ以下からどうぞ。 » test everything — 100+
HTML/CSSの構文チェックができる便利な無料ツール『bkhvalid』 | P O P * P O P
窓の杜で紹介されていた「bkhvalid」を使ってみました。HTML/CSSの一括構文チェックができるツールです。 » 窓の杜 – 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 ひとつ上のウェブサイトつくりを目指している方には便利ではないでしょうか。正しいコードで誰でも更新できるようなサイトを目指したいですよね。 以下に使い方を簡単にご紹介。 ↑ 起動したらチェックしたいファイルを追加していきます。フォルダを指定して追加したり、ドラッグ＆ドロップで追加可能です。 ↑ 全部追加したら右上のアイコンをクリック。解析開始です。 ↑ 下に警告がずらずらと。そこをクリックすると該当ファイルにジャンプ、その場で編集できます。 ↑ 警告されたい項目を細かく指定できます。 ↑ 画面は縦に並べることも可能。 自分が作ったサイトなどをチェックしてみると次
SEO的な情報がまとめて手に入る検索エンジン『ピタゴラス』 | P O P * P O P
なかなか便利そうな検索エンジンが登場したようです。 サイトのSEO的情報がまとめて見られるツールです。どのサイトがどう強いのかを知るのに便利そうですね。広告出稿を考えている企業の方にとってはかなり使えるのではないでしょうか。 以下に簡単にご紹介。 ↑ トップページはGoogleライク。キーワードかURL直接指定かで検索します。 ↑ とりあえず「百式」で検索。がんばっていますねぇ、100SHIKI.COMｗ。 ↑ さらに詳しく、をクリックするとこのような画面に。頻出単語一覧などが参考になりますね。 ↑ 画面の下のほうにはさらに詳細な情報が並びます。 データはYahoo! JAPAN検索のものを使っているようですね。ご興味のある方は以下よりどうぞ。 » Pythagoras(ピタゴラス)
第二次世界大戦で汎用人型決戦兵器で使われていたら？・・・を描いた全編フルCG映像『CODE GUARDIAN』 | P O P * P O P
ひょっとしたらゲーマーやCGな方には有名かもしれませんが、見ていたら感動していたのでご紹介。 こちらの「CODE GUARDIAN」では第二次世界大戦をフルCGで描いています。しかもヒト型のロボットが投入されていたら・・・という設定のようです。 YouTubeに前編と後編があがっていました。合計で14分ほどですが、かなりのクオリティに驚きます。是非どうぞ。 ↑ こちらが前編。ヒト型兵器でアメリカを攻撃するドイツ軍ですが・・・。 ↑ 後編。応戦する米軍が出してきた秘密兵器とは・・・？そして最後に出てきた意外な登場人物（？）ってもしや・・・。 なお、作者のサイトはこちらですね。こちらでは高画質映像をダウンロードできますよ。 » www.cee-gee.net
iPodを目覚まし時計にしてくれる『Retro iPod Alarm Clock』 | POP*POP
朝はお気に入りの音楽で目覚めたい、という方におすすめのアイテム。 こちらの「Retro iPod Alarm Clock」、iPodにつなげて使うことができる目覚まし時計です。しかもiPodの充電もしてくれるというアイディア商品です。 » Retro iPod Alarm Clock 以下に簡単にご説明します。 ↑ スピーカーがベルの形になっています。かわいいですね。 ↑ 音量調整はダイヤルを回します。 ↑ てっぺんのボタンを押して音楽を止めます。直感的でいいですね。 iPod Shuffle以外のiPodに対応しているそうです。お値段は39.95ユーロ（6,100円ほど）。現在は品切れ中ですが予約できますよ。よろしければどうぞ。 » Retro iPod Alarm Clock ■ 関連記事 これは起きちゃうかも・・・的な目覚まし時計いろいろ | P O P * P O P タイピングを
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
躍動感あふれる写真を撮るためのちょっとしたテクニック | p o p * p o p
最近、デジタル一眼レフが人気のようです。Webでも写真共有サイトが多くの人を集めていますね。 ということで、今回は写真ネタです。 こちらで紹介されていた「躍動感あふれる写真を撮るためのテクニック」をご紹介。 » Photojojo ≫ People in Motion – Two Quick Tips for More Interesting Shots 下記に実際の写真と共にご説明いたします！ 【テクニックその1】 パンする（対象に合わせてカメラを動かす） 一般的にパンは写真ではなく映像の撮影に使われますが、写真でもうまく使えばこのような（↓）写真を撮ることができます。 ↑ スピード感あふれる写真ができました。 やり方は「撮影対象の動きに合わせてカメラを動かす」というシンプルなものですが、やってみると難しいものです。そこでいくつかのコツをご紹介。 シャッタースピードを遅めに設定しましょう
ウェブだけでここまでできる！Photoshopもびっくりの『Fauxto』 | p o p * p o p
これはすごい・・・Photoshopも顔負けの画像加工ソフトです。『Fauxto』はFLASHで作られたウェブ上のサービスです。 » Fauxto… like photo. それにしても高機能・・・ウェブOSがまた一歩近づきましたね。以下に詳しくご説明。 ↑ 一般的な画像加工ソフトに付いている基本的な機能は全てついています。 ↑ フィルターも5種類用意されています。エンボス加工してみました。 ↑ 画像は新規作成以外にも、ローカルPCからアップしたり、URLで指定できたりします。 ↑ タブで切り替えも可能。 ただ一点問題が。「やり直し」がききません。一筆入魂で描く覚悟がいりますね（消しゴムはありますが）。 しかし、それを抜きにしてもすばらしいソフトですね。ちなみにPhotoshopではなくて、Illustratorに近いものだと「Willustrator」がありますね。 » Willustr
複数ファイルを上書きするときに「すべていいえ」にする方法 | P O P * P O P
またまたWindows小技。前回の「君はフォルダの名前を空白にする方法を知っているか？」では「それって全角空白でいいじゃん」とつっこまれまくって反省しております・・・でも勉強になりました！今回もすべるかもしれませんが、生暖かく見守ってください・・・。 さて今回のTips。 作業中、複数のファイルを上書きしようとした時に、こういうダイアログボックス（↓）がでますよね。 さて、勘の鋭い方はもうお気づきかと。 ここには「はい」「いいえ」「すべて上書き」「キャンセル」はありますが、「すべていいえ」というボタンがありません（「すべていいえ」だとちょっとわかりにくいですかね・・・つまり重複していないファイルはコピーしつつ、重複するファイルはすべて上書きしない、という意味です。ちなみにキャンセルしてしまうと重複していないファイルもコピーをキャンセルしてしまうのでよろしくないですね）。 そこでこの「すべて
君はフォルダの名前を空白にする方法を知っているか？ | POP*POP
今回はほんと、小ネタです。華麗に斜め読んでくださいませ・・・。 さて、あなたは「フォルダの名前を消す方法って知っている？」と言われたらどうでしょう？ そんなのフォルダの名前を変更する、のところでバックスペースを押せばいいんじゃない？とおもうかもしれません。 ただしその方法ではうまくいきません。その方法では名前は消えてくれないのです（もともとのフォルダ名に戻るだけです）。 ただ、ある方法を使うとそれが可能になります。 そんなちょっとしたTipsをご紹介。TechEBlogで動画付きで紹介されていました（windows用ですが）。 » TechEBlog | How to: Hide Folder Names in Windows まずはこちらの動画をご覧ください。 ではやり方を下記にご紹介！ ↑ こちらにあるのは何も変哲もないどこにでもあるただのフォルダ。名前もあります。 ↑ まず、右クリッ
【悪い記事でした。注意！】 これは必見！FirefoxとIEを高速化するための動画チュートリアル | POP*POP
百式管理人です。 以下、良い記事かと思ってご紹介しましたが、サーバー管理者に負荷をかけてしまう良くない方法だということがわかりました。ここに修正して謝罪いたします。 なお、自分自身は知らなかったため、大変勉強になりました・・・。他にご存知ない方もいらっしゃると思いますので原文、コメント等はそのままにしておきます。 この件に関してコメントをいただいたkoshianさん、Web屋のネタ帳さん、ありがとうございました。彼らの記事をここに載せておきます。 #2 最大接続数を増やして速くなったと喜ぶ人々、再び 百式の中の人、RFC違反はもちろんWebサーバ運営者の迷惑をまるで考えない設定を推奨するの巻 まだまだ勉強が足りないことばかりですね・・・また間違えてしまうこともあるかもしれませんが（そうしないように努力しますが）、またご指摘いただければ幸いです。 百式管理人 2006.12.19 これまでも
あなたが知らない（かもしれない）Googleコマンドまとめ | p o p * p o p
Googleを電卓や単位変換として使う・・・というのは有名ですが、「birthday」や「president」はどうですか？「music:」は？ よくある検索テクニックまとめ、ではありますが、自分が知らなかったものもあるのでメモとしてエントリー。ご存知の方はどうかスルーにてお願いいたします。 » Exploring Google’s Hidden Features では、全部で10カテゴリーをどうぞ！ 【1】 計算する 足し算、引き算などの一般的な計算ができます。この使い方は有名ですね。電卓を使うよりも手っ取り早いです。 3+5 ややこしい計算もへっちゃらです。 3/5*4-2*0.2+9^2 ある数値の一定割合もこうやって調べられます。 50% of 123 【2】 定数を知る 各種の定数を出すことも出来ます。 円周率（3.14159265）が出ます。 pi 光の速度（299,792,4
WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
なにかと便利なYahoo!のUIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで（簡単だけど）手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード
これは必見！Google帝国の壮大なマスタープラン！ | POP*POP
次々と新サービスを打ち出すGoogle。彼らはいったいどこへ向かっていくのでしょうか。その壮大な計画はMaster Planとして巨大なホワイトボードに描かれ、Google本社内に存在しているようです。 そしてそのMaster Planの高解像度の写真が「UnderGoogle」で公開されました。世界でももっともクレージーなエンジニアたちは何を考えているのでしょうか。 » Google Master Plan | by UnderGoogle では早速、詳細をご紹介。 ↑ 宇宙ステーション。そりゃGoogleですから宇宙も視野に入れてみます。「BUY MARS」と火星も買ってみせます。サーバーとか置くんでしょうか・・・。 ↑ 宇宙の前に飛行機もきっちり押さえます。最適な操縦方法も検索で探し出しますとも。 ↑ 今、既にローンチされているのも多々あるWebサービス。Googleカジノの字も見え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたのサイトにリンクを貼っているサイトのページランクがわかる『PageRank Checker』 | POP*POP
死ぬまでに見ておくべき50の芸術作品 | p o p * p o p