サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」:phpspot開発日誌
CSSTYPE - web safe typography on screen for pixel perfectionists サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」。 次のようなＵＩが用意されていて、フォントやサイズを選択すればすぐさまプレビューされ、確認を簡単に行うことが出来ます。 このサイトを知っておくことで、サイト構築時のフォントの表示調整にかなり役立ちそう。 確認できるのは、font, font-size, text-decoration, word-spacing, line-height, letter-spacing, text-align, color, background, width, padding, text-indent, button-text。 次の図は、実際のプレビュー画面。 letter-spacing とか line-h
Googleでウェブカメラを根こそぎ探し出す方法
観光名所や空港などにウェブカメラが設置されている例は少なくありませんが、それらをGoogleでまとめて探し出す方法がありました。近いところでは淡路島のあわじ花さじきや治部坂スキー場、また海外のバーやシュトゥットガルトの空港なども見ることができます。 詳細は以下の通り。 その方法は簡単、Googleの検索窓に「inurl:ViewerFrame?Mode=」と入れるだけ。これだけでいろんなウェブカメラが見つかります。 inurl:ViewerFrame?Mode= - Google 検索 人でにぎわう繁華街や北海道の町の風景、空港の様子などは見ていて面白いです。中にはコインランドリーの監視カメラのようなものもあります。 また、検索フレーズは上記のもの以外に inurl:ViewerFrame?Mode=Refresh inurl:axis-cgi/jpg inurl:axis-cgi/mjp
【無料ミニアイコン集】 サンタからのちょっと早い贈り物『Mini Icon 2』 | S i M P L E * S i M P L E
かわいらしいミニサイズのアイコンを配布しているBrand Spanking Newのサイトで一足早いクリスマスプレゼントが配布されていました。 113の超ミニアイコンです。サイズは10×10。かわいらしいすね。 これらを使ってなんかのアプリ作っちゃおうかな。携帯アプリとかいいかも。 ダウンロードは下記のサイトからどうぞ。 » HoHoHo! （mini Icon 2） また、Mini Icon 2とうたうからには他にもあります。よろしければどうぞ。どれもいい感じっす。 » Doc Type Icon » Mini Icon Pack 1
これは驚き！顔の「平均値」を計算する『Make An Average』 | POP*POP
「あの人との子供はどんな顔になるかしら・・・」とお考えのあなたに最適なサイトがあります。 こちらでは、ある顔と顔を選べば、2つの顔の「平均値」を出してくれます。これを運営しているのはスコットランドにある大学の心理学者だそうですよ。 自分の顔写真をUPすることも可能です。 » Face Research | Computer Graphics | Demos | Make An Average 下記、簡単にご説明。 ↑ こんな女性2人の子供が産まれたら・・・（産まれませんが）。 ↑ こんな顔になるのでしょうか。 ↑ 男性同士でも融合します。 ↑ 心なしか中性的な顔になりました。 ↑ 男女ですると・・・。 ↑ あらかわいい。 アイディア次第でいろいろ使えそうですね（結婚祝いとか）。そんな「Make An Average」はこちらからどうぞ。 » Face Research | Computer
無料で使い捨ての電話番号がもらえる『CraigsNumber』 | 100SHIKI
悪用されないように・・・という感じではありますが、革命的なのでご紹介。 CraigsNumberでは使い捨ての電話番号をもらうことができます。 使い方は簡単で、どれぐらいの期間でその番号を使えなくさせるか、どの番号に転送するかを選ぶだけです。 あとはその番号をちょっと連絡とらなくてはいけない人にあげるだけでOKです。個人情報なんたらの時代ですから自分を守るためにもしかしたら使えるかもしれないですね。 以前から「Voice 2.0」なるキーワードがささやかれていますが、音声通信という領域にもさまざまな技術革新が起きているっぽいですね・・・。 電話の将来やいかに。いまいちど音声について考えてみる時期かもしれませんね。
Web of the Year 2006 受賞サイト発表！
おかげさまで11年目のWEB of the YEAR!! 今年のインターネット界のトレンドは「Web 2.0」だったが、GoogleやAmazon.co.jpの大躍進など、まさにそれを表す結果となった。また、良くも悪くも話題になったmixiが、コミュニティ部門で2ちゃんねるを抜いたことも特筆すべきだろう。なお、今年はプレゼントや広告などを取りやめたため、総得票数が減ってしまった。しかしそれでも5万人近い人が投票に参加してくれたということに、大変感謝している。 http://ja.wikipedia.org/ 年間総合大賞は、総得票数で1位だったウィキペディア。ユーザーが自由に編集に参加できるオンライン百科事典だ。集合知を利用したサイトであることから、Web 2.0的ともいわれている。ネットに詳しい人々の間では数年前から話題に上っていたが、一般にも広く利用されるようになったことから、こ
角丸画像を瞬時に生成するGoogleの隠れAPI！ | p o p * p o p
これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c：色を指定します。色の名前（aqua, black, blue, fuchsia, gray, green, lime, maroon, navy
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
IFRAME を使わない方法の補足 | WWW WATCH
phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 （Transitional、Frameset では定義済み）、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、（XHTML1.0 Strict） <!ELEMENT object (#PCDATA | param | %bl
CDTube - カウントダウンチューブ
私たちについて こんにちは。テーラー・マーフィーです。このブログでは（主にですが）、テクノロジーとゲームについて書いています。。私は日本のすべてが大好きなので、ブログの中でみなさんのお役に立てるような、という願いも込めつつ、この素晴らしい国に関する情報を沢山紹介していますので、楽しんでいただければと思っています。続きを読む インターカジノルーレットで定番テーブルゲームをオンラインプレイ! Androidユーザーなら誰でも、おそらく数十ヶ所のWi-Fiネットワークに接続したことがあると思います。行った先々のネットワークを問題なく使うことができ、パスワードを教えてくれる人がいつもいたかもしれません。しかし、パスワードを覚えようとしたり、Android端末に記録されているパスワードを探し出そうとして手間取った経験のある人は多いのではないでしょうか。 友人や同僚とネットワークのパスワードを共有した
デザインセンスがある人がwebサイトを作成する際に参考にしているサイト | i d e a * i d e a
ドットインストール代表のライフハックブログ
NOTA : Enjoy Co-Writing
2022年10月1日付で社名を「Nota株式会社（英文表記 Nota, Inc.）」から変更いたしました。
DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌
Blue Box Demo: Vertical Centering with a Shiv Div DIVを垂直方向に中央寄せするCSSサンプル。 次のように、DIV要素をブラウザの縦方向に配置できます。 CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。 次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、 中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。 最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部分は中央によります。 垂直方向に、100px のdiv要素が配置される感じです。 <html> <head> <style type="text/css">
ウノウラボ Unoh Labs: ユーザビリティって何だろう？（基本のまとめ）
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
CSS のコメントの書き方コレアレ
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
CSSなタブインタフェースを簡単に作成できる「CSS Tab Designer」:phpspot開発日誌
OverZone Software - CSS Tab Designer CSSなタブインタフェースを簡単に作成できる「CSS Tab Designer」。 次のようなタブインタフェースをプログラミングの知識一切なしで簡単作成できます。 Windows 98/ME/2000/XP/2003で動作するスタンドアロンアプリケーションです。 関連エントリ CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例 CSSベースのクールなフォーム、サンプル集 オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々 選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」
ウェブサイトのデザインプロセスをGIFアニメーションで追ってみる
最初に真っ白なページを作り、そこにシンプルな文字列を配置して、徐々に形を整えていくことによってデザインを作り上げるというプロセスをスクリーンショットで記録してGIFアニメーションにすることでわかりやすくしています。このデザインプロセスのGIFアニメーションの作者によると、この記録のタイミングはHTMLファイルを保存したタイミングで行っていったそうです。こうすることによって過去のどの時点でデザインをどのように変えたのかが自分でわかるようになり、過去の時点に戻って別のデザインに発展させるパターンなども可能になるとのこと。また、記録することによってどういう意図で自分はこの部分のデザインをこのように変更していったのかという記録にもなり、制作の腕が上がるそうです。ちょっとした修行みたいなものですかね？ GIFアニメーションは以下から。 designline-openair.gif (GIF 画像,
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ MSN ] Web Messenger![[ MSN ] Web Messenger](https://cdn-ak-scissors.b.st-hatena.com/image/square/710cfa790cecb8444591c0e6d0cf27f9af16a1be/height=288;version=1;width=512/https%3A%2F%2Fstatic-global-s-msn-com.akamaized.net%2Fhp-ks%2Fsc%2Fc6%2F519670.jpg)
