WEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザイナーのためのWEBデザインリンク集。WEBデザインの参考にどうぞ

すごい検索エンジンがでてきそうです。その名もMAMA。 このMAMAはOperaが開発しているツールで、WEBページがどのように作られているかをインデックスし、ユーザーがそれを簡単に検索できる仕組みらしい。
たとえば、CSSを使用しているサイトを検索したり、Ajaxを使用しているサイトを検索することもできる。
どこまで検索ができるかはわからないけど、たとえばCSSで可変レイアウトをしているサイトや、エラスティックなサイトなども検索の仕方によってはピンポイントで検索できるんじゃないかね。
マイクロフォーマットなんかもこのMAMAのおかげで玄人好みのものから、一般的なものになったら楽しいことになりそう。

もっと早くこれを出してほしかった。。

»Opera、Web開発者向け検索エンジン「MAMA」を開発

IE7が自動アップデート対応になったと思ったら、IE8のBeta版がでちゃいましたね。。。
IE8はAcid2のテストはクリアしているようなので、吉報になりますが、Acid3のテストではボロボロのようです。なのでCSS3の先行実装は期待できない。

うーん。どうせやるなら先行実装をして欲しかったなぁ

»Internet Explorer 8 Beta: Home Page

斬新なサイトを見つけたので投稿。
何が斬新かと言うと、WEBサイトのナビゲーションを電話でやってしまうってところ。
まずサイトにアクセスすると番号とIDナンバーが書かれておりそこに電話してID番号を入力すると、サイト内のディランに電話がかかります。これでも結構驚きなのに、このあとサイト内にキーワードが出てきてそのキーワードを電話越しに話すと、その音声を認識してそれにマッチしたストーリーが進みます。
で、その後にWEB内で完結すると思いきや、最後にはコールセンターに掛けてくれとディランに言われWEB側の任務は終了します。
最後がWEBじゃなくて、コールセンターに誘導するってのも時代を逆行していて新しさを感じました。

違うツールを使ってWEBを動かすってのは目新しいからついついやっちゃいますね。
というかいろいろなことを考えますなー

»ヘアシーダ直電LIVE　ディランに訊け！

Google Analyticsが検索結果での順位の決定に果たす役割を割り出すというものだった。数週間かけて、Visioのチームは100人の協力者に、 Googleの検索結果ページからクリックでサイトに飛んでもらい、そのサイト内をクリックで移動して、30分から60分過ごしてもらった。チームはリンクビルディングといった、順位を変える行為はほかにいっさい行わなかった。およそ1週間経つと、サイトの順位は80位から33位へと、47位上昇した。 Google Analyticsでは直帰率がかなり低下し、該当サイトでの滞在時間の平均値が上昇した。チームが実験を終了すると、順位も含めこれらの数値は実験前の状態に戻っていった。

この実験では、Googleが順位のアルゴリズムを改善するために、Google Analyticsのデータを利用していることが証明された。

引用元：Googleの順位決定にGoogle Analyticsのデータが使われていたことが判明！ | Web担当者Forum

この実験はちょっとホントっぽいよなー
まぁ前からそんな噂はチラホラあったけど、よく考えたらあんな高機能なログ解析を無料で提供してるのは何か裏がないとね～
で、Google Analyticsを入れているサイトと入れてないサイトのでは何が違うんだろ？つかGoogleの検索エンジンだから、Google Analyticsを入れてた方が良いに決まってるだろうし、そうなってくるとみんながGoogle Analyticsを入れだして、ますますGoogleのデータが蓄積されていって、GoogleはWEB上のユーザー行動を掌握していくことになるんだろうな～　やっぱここまで考えてGoogleは買収とかしてんのかな。いや、もっと壮大なことを、凡人には創造できないようなことを考えてるんだろうな。。。

ユニクロのスペシャルサイトはかなり気合が入ってるのが多いので、今回のオープンも楽しみにしていたんですが、やっぱりかっこいいです。
なんだかわからないけど音楽と踊りが不思議な感じで永遠と見れちゃう感じです。これでユニクロポロシャツが刷り込まれていく。。。企画者の思う壺だ
ついでにUNIQLOCKのブログパーツも貼ってみました。最近ブログパーツ流行ってんなー

»UNIQLOCK

ユーザーインターフェース設計の専門ソシオメディアが提唱しているデザインパターンが掲載されていました。 このデザインはウェブアプリのUIをベースに考えられていいますが、WEBにも通づるところはあると思います。

UIパターンの理由や利点なども書かれているので、「なんでこのデザイン？」なんて誰かに聞かれたときでも理詰めで回避できるかも！？

こういうデザインパターンをうちの会社でも作ればかなり効率が上がると思うんだけど。。。　デザイナーの人が許さないと思うけど

»ソシオメディア | UIデザインパターン

CNNの記事 "The man who owns the Internet"で、Kevin Hamという男性、ドメイン名を使って推定360億円の資産を築いたとされる男の最新のテクニックについて解説している。

打ち間違いを集めるためのカメルーンドメイン".cm"

彼は、ブラウザのアドレスバーに直接URLを入力する人が、たまに".com"のうち間違いで".cm"と入れてしまうことに注目した。

".cm"を持っているのは西アフリカの国カメルーン。彼はカメルーン政府と交渉し、カメルーンドメインについて、".cm"に存在しないドメインが引かれたときに転送先を指定する権利を全部買い取ったそうだ。

カメルーンのネットサービスなんてほとんど存在しないことから、これは"*.com"を"*.cm"と打ち間違ったほとんどのケースで、彼の所有するドメインagoga.comが表示されることを意味する。

agoga.comは使いやすくも見えないただのリンク集サイトだが、そこにはたくさんの広告が貼られている。agoga.comを含めた彼のサイトは、総計すると月に3000万ユニークビジターを稼いでいるとか。

引用元：秋元@サイボウズラボ・プログラマー・ブログ: カメルーンのドメイン.cmで大儲けした男

すごいねーまじで！この発想を実現したことで推定360億円稼いだらしいからタマゲル。つか実行するのがすごい
俺も.jo（ヨルダンドメイン）とろっかなｗ

最近ギャラリーサイトが本当に増えてきてるね～
ikesaiと同じような日本語中心のサイトもポツポツ出てきてるみたいだし。。。
いつの間にかWEBデザインのキーワードであっさり抜かれてたりするし。。。
やっぱりCMS系はSEOに相当強いのかね。固定URLがやはり個々に必要なのか。。。
でも今更CMSを導入する気にはなれないしな。。。

ま、なんにせよもっと中身を充実していかなければいけないと思う今日この頃です。

»死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

下記のサイトでは「Google Earthで謎のサークルを探す」というゲームのような物を提供しています。
知り合いがこのプロジェクトに関わったらしく、試しにやってみたんだけどこれがなかなか面白い。Google Earthでこんなこともできることが分かったのも新鮮でした。 Googleさんやっぱすげーわ

»Google Earthで謎のサークルを探せ！

BROWSIZE.ORGというサービスです。
たまたまネットを徘徊していたら見つけたんですが、これいいです。
通常のログ解析だと画面解像度を集計解析するものが多いと思いますが、BROWSIZE.ORGではブラウザの表示サイズを集計解析してくれます。
なので、高解像度でもブラウザの表示サイズが小さい人や、サイドバーなどを出していて表示サイズが小さな人などには対応できなかった通常のログ解析サービスですが、これを入れると対応ができちゃうというわけです。

ついでにikesaiの1週間のブラウザ表示サイズ集計解析の結果を発表したいと思います。
これをみると800px以下の環境の人がまだまだいるって事がわかります。
ikesaiにアクセスする人はWEBにかかわっている方が大多数だとおもいますが、これでもこの数なので通常のサイトには、かなりの数がいると思われる。

»レンダリングエリアサイズ特化型アクセス解析サービス BROWSIZE.ORG を作りました : akiyan.com

Twitterは最初使う意味が良く分からなかったけど、だんだん良さが分かってきた。
自分は行動日誌として使っていく予定。

早く日本語版が出てくれないかなー　MSNメッセに対応して、日本の携帯キャリアにも対応してくれないかね。そしたらかなりイケテルのに
ま、当分無理だろうな～
あと、Apolloクライアントを見つけた。これはメッセ感覚で投稿できるのでPC用としてはとても便利です。
ApolloランタイムをインストールしてからApollo Twitter Clientをインストールしてみてください。

»Twitter

»Adobe Labs - Downloads: Apollo Runtime

»fladdict.net blog: ApolloでTwitterクライアント作った（５）

現在のトヨタファイナンスの会社案内ページなんだけど、目の錯覚でメニュー曲がって見えない？
制作サイドはこれを狙ったとは思えないけど。
この現象を逆手にとって計算して目の錯覚を狙ったデザインもちょっと面白いかも～　とちょっと思ってしまった。

»会社案内 | トヨタファイナンス株式会社

Ask.jpがグラビアアイドルを使って天気予報をする「Askグラビア天気予報」を配信しています。 これがまたくだらない！くだらなすぎて面白い！
ただグラビアアイドルが「くもり」、「あ～め～」などと言っているだけです。

»Askグラビア天気予報

はてなブックマークのホットエントリー（最近の人気エントリー）に表示されたことを記念して、SMO対策を導入してみました。まぁただブックマークリンクを設置してみただけですが。。。
ちなみに夜中に表示されたと言うことで地味なアクセス数の伸びです。時間帯って大事だなーと痛感
はてなに追加　del.icio.usに追加　livedoorクリップへ追加

ヤコブ・ニールセンの考えを独自にまとめたサイトを発見しました。
これが全てとは思いませんがグッジョブなサイトだと思います。
このページを印刷してチェックリストにしたりもできそうだな～

»ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン::NPO法人しゃらく

年末にホットペッパーのAPIが公開されました。
モバイル用にも対応しているみたいなので、グルメサイトがグーンと増えるだろーなー
これによって食のロングテール現象も起きるのではｗ

»『ホットペッパーWebサービス』2006年12月22日（金） オープン！国内最大級のグルメサイト「ホットペッパー.jp」「ホットペッパーポケッツ」が全国約57万件の飲食店 ＡＰＩを公開 — RECRUIT

»ホットペッパー Webサービス

最近はなかなか忙しくてBlogまで手が届かない。
情報収集もできてないので何故かちょっぴり不安になる。完全にソース依存症だな。

IMJモバイルがケータイSEOをはじめたらしい。
最近よくこの名前聞くんだよなー会社とかいろんなところで。。。

»IMJモバイル、モバイルSEOサービス「ケータイSEO」提供開始 :: SEM R

W3Cのバリデートを簡単に出来るブックマークレットを見つけました。
下記のコードをブックマークに登録すれば、その都度W3Cのサイトに行かなくても簡 単にバリデートできます。

javascript:void(document.location='http://validator.w3.org/check?uri='+document.location)

是非お試しあれ。

CMSでこんな事できたらいいのにな～なんて思っていた機能がWeeblyというサイトで実現していました。
どんな機能かはWeeblyのトップページにあるビデオを見てもらえれば分かると思うんですが、簡潔に言うとサイトの各パーツをドラック&ドロップでレイアウトして「あらサイト出来ちゃった」みたいな感じです。
このWeeblyってサイトは個人のブログを簡単に構築できますよって感じだと思うんだけど、これを企業の大規模CMSで実現できれば相当売りになると思うんだけどな（もうあったりするかもしれないけど）
うちの会社のシステム屋にもこういうの作ってくれないかね～

»Weebly - Website Creation Made Easy

ついに出ましたIE7日本語版が！！ていっても英語版とメニューぐらいしか変わんないけど。。。
ちなみに英語版の時に使えたスタンドアローンも問題なく使用できました。

»Microsoft Internet Explorer 7: ホーム

»覚え書き@kazuhi.to: 続・スタンドアローン版IE7

Flashサイトでたまに見かける下半分が表示されない現象がある。
下記のサイトを見てもらえれば分かると思うけど、なんともひどい有様です。丹精こめて制作したサイトがこんな形で表示されていたら泣けてくるねー
ちなみにこれはFirefoxやNetscapeで見たときになる現象です。

で、気になるのでいろいろ原因を調べてみたら案外単純な事でした。

Firefoxのバグ？か何かだとおもうんだけど、swfのheightを100%に指定しているとこの現象が起きるらしい。なのでちゃんとpxで指定すれば元に戻る。
他にもDOCTYPEをいじると直るなんて記事もあったけど、自分の環境では直りませんでした。。。

»http://marche.baycrews.co.jp/

»http://www.uotoku.com/

»http://deuxieme-classe.baycrews.co.jp/

日立GPにZoomSightというサービスがある。
このサービスは何かというと、サイト組み込み型のアクセシビリティ支援ツールみたいなもので、機能としてはサイトを拡大したり、白黒にしたり、反転したり、サイトを読み上げたりできる。ブラウザへのインストールも超簡単なので気軽にできるのがいい。
使ってみた感じもメニューはシンプルで見やすいし使い方も簡単だった。こんな便利なものがあったとは、、、

しかーしこれはサービスを導入しているサイト内でしか使えないので、どこでも使えるってわけではない。
でもまぁこういうサイトがどんどん普及していけば、これからやって来る超高齢化社会にも対応していけるかも。通常の音声読み上げソフトはユーザーが用意しなきゃいけないので、高齢者には敷居が高いしね。
ちなみにHITACHIのサイトはZoomSightに対応しているので使ってみるといいかも。音声読み上げでこんな読み方されるんだーなんて発見もあるので結構勉強になる。

»日立GP : ZoomSight
»ZoomSightについて : HITACHI

もう自分は入れる気ないけど、たまたま見つけたのでポスト。

»ウノウラボ Unoh Labs: IE7 RC1をスタンドアローンで動作させる方法

WEBをやっているからには知っておきたいブラウザの歴史。
以前の会社にいるときにブラウザについていろいろ調べたんだけど、結構面白かった。
そんなブラウザたちの歴史を一枚にまとめたPDFが「フォクすけブログ」に上がっていました。
主にIEとネットスケープ社のブラウザたちですが、このぐらいはWEB屋として知っておきたい感じです。
今やブラウザは携帯からゲーム、ミシンまで搭載しているのでトコトン調べるのも面白いかも。

»Spread Firefox Japan - フォクすけ＊ブログ - Firefox の歴史
»いまやミシンもWindows、インターネット接続なり! (MYCOMジャーナル)

Firefoxを使っている人なら知っていると思いますが、Greasemonkeyは非常に便利です。
このプラグインを入れてユーザースクリプトをインストールするとウェブページの見た目を変えてみたり、ページの機能を変更したりできます。
スクリプトが書ける人であれば案外簡単に自分用のユーザースクリプトを作れるので、よく見るページの広告やサイトバーを消したり、便利機能追加してみたりできます。
スクリプトができない人でもネット上にワンサカ落ちているので、自分の好みに合ったスクリプトをインストールすればもっとネットが快適になるかもしれません。

以下、自分が使っているGreasemonkeyスクリプト

• YouTubeにダウンロードリンクを貼る
• Amazon の商品ページに Yahoo！オークションの検索結果を表示する
• amazon商品ページにアフィリエイト用リンクを表示する
• はてなブックマークとdel.icio.usに同時ポスト
• はてなブにGoogleキャッシュリンクを追加する
• Googleの検索結果に他言語/他検索エンジンへのリンクを追加
• del.icio.usにfaviconを表示
• Google Calendar の左側にあるカレンダーとかのメニューの表示・非表示を切り替える機能
• mixiから外部リンクへの移行を簡単にする
• Ctrl+EnterでI'm Feeling Lucky！

»Greasemonkey (グリースモンキー)とは？

»Greasemonkey - Mozilla Firefox まとめサイト

昨日任天堂「Wii」の説明会が開催されたけど、なんと価格は25,000円だって。
この安さは爆発的に売れるなー
しかもWiiはゲームだけじゃなくて、ネット機能も満載ってところがキモ。
メールが送れたりデジカメ画像の編集なんかもできちゃうから、まだまだPCが苦手な人もWiiならこっちの世界に入ってくる可能性は十分ありそう。
んで、肝心のネットはOperaが搭載される。オプションってのが気になるけど

そのWiiでネットを楽しむ人が増えてきたら、WEB屋としては今までのPC画面のつくりを変えていかなくちゃいけなくなるだろうね。
ポインタの操作はたぶんWiiリモコンでやるだろうから、マウスのように思うようにいかないはずなのでリンクのリンク領域は大きくしなきゃいけなくなるし、サイト幅とかも固定にしてたらプラズマとか液晶のワイドスクリーンで意味がなくなっちゃうし（Operaだから拡大機能はあると思うけど）。
小さいサイズのテレビではズーム機能は使えないから代わりに文字サイズが拡大されるので、文字サイズの影響も考えて作りこまなくちゃいけなくなる。
タブ移動はどうなるかわからないけど、十字キーでリンクを移動する可能性も十分あるから、tabindexの設定とかもでてきそう。
そう考えていくと、アクセシビリティやユーザビリティはPC以上に重要になってくるし、W3Cの「CSS Techniques for WCAG 2.0」に書かれている様なことを実際に取り組んでいかなきゃいけない時代にやっとなりそう。
今まで腰が重かった制作の偉い人も、Wiiがヒットすることによって気づいてくれればいいんだけどなー　まぁそのときにはもう遅いって噂もあるけど。。。

»任天堂岩田社長、「Wiiに毎日触ってもらうことでユーザーの拡大を」
»CSS Techniques for WCAG 2.0
»日本語訳 - WCAG 2.0のためのCSSテクニック

　Yahoo!、Google、MSNサーチなどの3大主要検索エンジンはいずれも、あなたのサイトがネット上の他のサイトからどのくらいリンクをしてもらっているかを「link:」というコマンドをいれてからその後にすぐにあなたのホームページアドレスを入れると表示してくれるようになっています。

　例えば http://www.m-n.com/index.html というページのリンク元数を知るにはGoogleのキーワード入力欄に、link:http://www.m-n.com/index.html と入れて検索ボタンをクリックします。

　そうするともし http://www.homepage.com/link.html というページがあなたのホームページにリンクをはっていれば http://www.homepage.com/link.html はリンク元リストに表示されるはずです。しかし、必ずしも http://www.homepage.com/link.html が http://www.m-n.com/index.html にリンクをしてもリンク元リストに表示されるとは限りません。何故なのでしょうか?

引用元：MarkeZine：第4回　Googleのリンク元表示数の減少について

上の引用文に書かれているとおりにikesaiでも実験してみた。
まずYahoo!でlink:コマンドを打ってみると、リンク元リストは325件ヒット。
次にMSNでlink:コマンドを打ってみると、265件ヒット。
続いてGoogleでlink:コマンドを打ってみると、52件ヒット。

あきらかにGoogleのリンク元リストが少ない！ Googleの検索結果ではikesaiにリンクしているサイトは300件近くあるのに、リンク元サイトとして有効なのは52サイトしかないってことなのか？
これはPageRankに関係しているかどうかは定かじゃないけど、少なくも影響はしているから結構ショック。。。PageRankがレベル4止まりなのもこのせいなのかな〜

んでちょっとリンク元リストの中身を見てみると、Googleの検索結果にあってリンク元リストに無いサイトは、ソーシャルブックマークサイトが何個かあって、ディレクトリー型検索サイトも無い。。。
でも、あまり意味が無いと最近言われている相互リンク系のサイトはちゃんとリストに入ってるんだよな〜
やっぱGoogleの基準は全然わからないっす。。。

　Mozilla Japan、アルゴ21、三菱総合研究所は9月11日、Webコンテンツの閲覧時に、文書のレイアウトが崩れたり、コンテンツの表現が変わってしまうなど、相互運用性における問題を改善するために「TouchUpWeb システム」を開発、その成果を利用したサービスとして「TouchUpWeb サービス」の提供を開始した。

引用元：ITmedia エンタープライズ：もう崩れない、Webブラウザによる表示の違いを吸収するサービスが開始

「もう崩れない」なんてタイトルの記事だから、俺らの仕事もなくなっていくな〜　なんて思ってたんだけど、そんなことはなさそう。
これは何かと言うとFirefoxのエクステンションで、表示崩れしたサイトをボタンひとつで修正してくれるってソフト。
基本的にちゃんとHTMLを記述していればFirefoxのほうが崩れないし、細かいCSSのバグ（というかIEのほうがバグだらけだけど）を修正してくれるまではまだできないっぽい。
むしろIEがくずれるんだからさーIE版をだしてほしいねー　そしたら俺らの仕事がなくなるけど。。。

ネットを彷徨っていたらこんなページを見つけた。
HTMLをちょっとかじっている人ならわかると思うけど、会社などによってタグの読み方がちょっと違うと思う（人にもよるけど）。
なので、何が間違っていて何が正解なのかがよくわからないんだよね〜
まぁ今までそんな事はどうでもいいやって思ってたけど、偶然見つけたので。。。

アンケートによると、

• DOCTYPE
  1. ドクタイプ （121件）
  2. ドックタイプ （78件）
  3. ドキュタイプ （77件）
• WIDTH
  1. ワイズ （62件）
  2. ウィドス （57件）
  3. ワイド （41件）
• HEIGHT
  1. ヘイト （168件）
  2. ハイト （97件）
  3. ハイ （10件）
• A HREF
  1. ア　ハーフ （48件）
  2. アハーフ （45件）
  3. ア　ハレフ （17件）
• ALIGN
  1. アライン （124件）
  2. アリグン （105件）
  3. アリジン （35件）
• VALIGN
  1. ブイアライン （52件）
  2. バリグン （45件）
  3. ヴァリグン （35件）
• ALT
  1. アルト （194件）
  2. オルト （132件）
  3. エーエルティー （12件）
• IFRAME
  1. アイフレーム （188件）
  2. イフレーム （55件）
  3. イフラメ （23件）

こんな結果になっています。
よく問題になるのが、「WIDTH」か「HEIGHT」だと思うんだけど、この結果だと「ワイズ」と「ヘイト」になってる。
正しい読み方はウィドスだ！とかいっている人もいるけど、、、
んで暇だからgoo辞書で発音を聞いてみたら、ウィズとしか聞こえない。。。ワイズともウィドスとも聞こえないぜぃ

結論。
読み方はなんでもいいんだよ！通じればね

»HP制作の意識調査/タグの読み方アンケート［投票結果］ - TAG index

»「WIDTH」の発音 - goo 辞書

»「HEIGHT」の発音 - goo 辞書

EUCページの文字化け対策で<!--龠龠龠-->などをheadの直下に記述したりしますが、どうも<!--美乳-->と記述しても同じことだという、面白いページを見つけました。
このページは結構詳しく文字化けについて書かれているので、美乳ネタ以上に役立つかもしれません。

»「美乳」で文字化けが直るって本当？

これはちょっといいです。
現段階ではフォームによって見出し画像を生成するようなんだけど、これが発展してCSVとかを読み込めるようになってくれれば使えるね。
あとは、画像のデザインとかフォントなどを自由にカスタマイズできるようになれば、大規模サイトでガツガツ役にたつな〜
確かPhotoShopでもCSVとか読み込めた気がするけど使い方がいまいちわかんないから、是非これをバージョンアップしてサービス提供してほしい。

»SimpleAPI 見出しジェネレーター(仮)

　真偽が見極め難いさまざまな情報が乱れ飛ぶインターネット。その中で、ウソや間違いらしい情報を自動的に洗い出し、ネットの利便性を高めるシステムの開発に総務省が乗り出す。ネット上にある関連深い別の情報を探し出し、比較参照することで、情報の「デマ率」などを示す。研究機関と協力し、２０１０年までの開発を目指す。０７年度予算では、まず３億円を要求する。

　扱う対象は、株式情報から国際情勢の解説、商品情報などさまざま。「この企業分析は適切か」「レバノン内政のこの記述は自然か」「オークションに出品されているこの外国電化製品の性能表示は本当か」などの疑問に答えられるようにするのが目標。

引用元：asahi.com：ネット情報「ウソ発見器」　総務省が開発へ - 社会

これはちょっと面白いかも

ほぼ完成版リリース候補ってのもすごいね〜
ついこの間Beta3のスタンドアローンを見つけたばっかりなのに、次のバージョンのIE7RC1が公開されちゃった。
もうそろそろ疲れてきたので、正式リリースまでIE7はお休みしたい。。。
でもどこまでCSS周りを調整したのか確認したい気もするけど。
まぁ誰かしら検証すると思うし、まいっか

»ITmedia News：MS、IE 7の「ほぼ完成」リリース候補を公開

Web Designing 9月号で掲載している常識テストのWEB版だそうです。
常識といっても常識ではない問題もありましたが、、、マイクロソフトの野球チームなんてどうでもいいよ〜
ちなみに自分は65点でした。

»Web Designing: 第一回 Webの常識統一試験　Webダイジェスト版

やっとみつけました、Beta3のスタンドアローン！！
というかちょっと前にIE7をデフォルトIEにしたのですが、どうもWindowsの調子が悪くなったので、IE6に戻していたのです。。。
なのでBeta3のスタンドアローンを待ちに待っていました。

しかし、ダウンロードサイトは案の定英語・・・
Googleで訳してなんとかスタンドアローンに成功したのですが、本当にやり方があっているのかは不明。

とりあえず自分のやり方を書いておきます。
まずIE7 beta3を落としてきて解凍。
次に、VelocIT ToolsってサイトでIE7 Standaloneをダウンロード。
次に、IE7 Standaloneを解凍してIE7 beta3のフォルダにぶち込む。
そして、IE7.batをダブルクリック！
すると、IE7が立ち上がるはずです。
次回からはIE7のexeでも立ち上がったので最初だけIE7.batを使えばいいっぽいです。

最初にも書いたように、自分は英語がまったく駄目です。
やり方もGoogle翻訳でページを見ただけなので、IE7Beta3を実行する方は自己責任でお願いします。

»Microsoft Internet Explorer 7
»VelocIT Tools
»JonGalloway.ToString() : IE7 Standalone (Updated for IE7 Beta 3)

サイトを解析してDNA風に配列してくれるサイトみたいです。
イケサイも解析してみました。
ホント、いろいろ考えるね〜



»WEB2DNA - Convert your website into DNA art

結構便利です。
今のはてな検索で検索すると表示はGoogleで、はてブに登録されているサイトは「B」マークが付います。
そんでもって、そこからはてブにアクセスできます。
この方法だと検索キーワードに関連したページを効率よく見つけられそう。

Firefoxのサーチプラグインはあるのかな？

»機能変更、お知らせなど - はてなプレスリリース - はてな、Googleと提携。はてな検索にGoogleの検索エンジンを導入

最近携帯電話用SNSとかで位置連動型がサービスが華やいでますな。
そんな位置連動型だからこそできる広告サービスはピンポイントで広告を配信できるので、広告主にはありがたいサービス。
サイト運営者も広告主が増えて収益もあがり両方おいしい素晴らしいサービスになっていきそう。
携帯だけではなくPC環境でも、Gyaoなどは会員登録の際に郵便番号で地域を特定し、その位置によって広告を振り分けている。
これは携帯には及ばないけど、かなり絞り込めた広告配信ができる。
PC用SNSもほとんどの人が偽りなく地域を登録するはずだし、「よく出没する地域」なんて項目を設ければ、より効率よく広告が配信できるだろうな〜

»BitPetsサポートサイト
»どこよ！ - レーダーＳＮＳ

WEBでは何故「半角」の数字が好んで用いられるのか？
そんな疑問を抱いている人も少なくないと思います。
自分がWEB業界に入った頃は、なんとなく全角の数字より半角の数字のほうが見た目的によかったからって思ってました。
ですが、そこには大きな理由があるのです。

いろいろな要因はあるとおもうのですが、一番重要なのは音声読み上げソフトに対応するということでしょう。
最近のソフトはどうか分かりませんが、少なくとも全角数字をきちんと読めないソフトは多々あります。
具体的な例を挙げると、「２０００」と記述すると「にぜろぜろぜろ」と呼んでしまうのです。
また、半角で記述しても、「\2,000」と書いてしまうと「にせん」と読まれてしまう。
これは\（エンマーク）が読み上げられない記号である場合が多いからです。
このような場合は「2,000円」と記述しましょう。

あと、よくありがちなのは「14:00」ですね。
これは「じゅうよんぜろぜろ」と読み上げられてしまいます。
この場合もしっかりと「14時」と書いてあげましょう。

その他にも落とし穴は多々ありますが、これらをちゃんとすることで、障害者にやさしいサイトができあがるというものです。

»できるところから始めるウェブアクセシビリティ対策 - 音声読み上げに配慮したテキスト表記 - 東海総合通信局

なんで、1.2と2.0でこんなにもフォントサイズが違うんだ〜〜！！！！　1.2ちっちゃすぎだし
ピクセル指定なら普通なんだけど、パーセントだと全然違うし、エムでもだめだし。。。
なんかいい方法ないかな〜
1.2対応ウザイな〜

intitleとかinanchorなんてコマンドがあったなんて知らなかった。
今までは-（マイナス）とか+（プラス）ぐらいしか使ってなかったけど、これを使えばもっと絞って検索できるな〜
合わせ業もできるみたいなので詳細は以下のURLを参考にしてみてください。

»ITmedia エンタープライズ：Google検索の秘訣――第7回 教えてもらったあのサイト、何だっけ？

知ってそうでなかなか知らない、!DOCTYPE スイッチの標準準拠モードの有効化、無効化方法。

下の表のようにHTML のバージョンが指定されていないときや、指定されていてもURIを指定していないなどの違いがわかります。

»Internet Explorer 6 における CSS の拡張

IE7 Beta2をスタンドアローンで使っていたんですがどうも調子が悪るい。自分だけかもしれないけど、、、
デフォルトをIE7にしている人の見え方とちょっと違うんだよね〜
レジストリをいじったりするのもめんどくさいしね。

てことでデフォルトIEをIE7 Beta3にしました！
IE6のスタンドアローンもいつの間にか出てたし、IE7が嫌になったら元に戻す方法もあるみたいだし。
たぶん問題ないと思われる。。。

»Microsoft Internet Explorer 7 bata3
»IE6のスタンドアローン
»IE7からIE6に戻す方法 1
»IE7からIE6に戻す方法 2

W3Cの仕様書は基本なので、最低このあたりは読破しておきたい。
自分もまだ全部は読んでないけど・・・。

• HTML 4.01 (勧告)
• XHTML 1.0 (勧告)
• CSS2 (勧告)
• XML 1.0 (勧告)
• WCAG1.0 [Web Content Accessibility Guidelines 1.0] (勧告)
• UAAG1.0 [User Agent Accessibility Guidelines 1.0] (勧告案)

ページの背景画像にレイアウトグリッドの画像を配置しておくと、CSSを使ってマークアップする時には非常に役立ちそう。
そんな便利な画像を公開しているのを見つけました。

テーブルと違い、CSSだと1pxのズレとかがなかなかわかりづらいし、気づかずそのまま公開なんてのもけっこうあるしね。
この背景があれば視覚的にわかるので、ズレも一発だな〜

コーダーはもちろん、デザイナーにも是非使ってほしい。
つか紙上がりのデザイナーの人にグリッドの概念を叩き込むのは至難の業なので、これを使って説明すると早そう。

追記：
レイアウトグリッド画像のブックマークレットを公開しているサイトをみつけました。
このURLをブックマークすれば既存のサイトの背景画像を簡単にレイアウトグリッド化できます。　超便利！！

»レイアウト用グリッド画像

IE7を検証した記事が載っていたのでご紹介。
全体的に基本的な事しか載っていないけど、逆にこの仕様をしらないと今後のサイト構築に影響するので一読しといたほうがいいかも。IE6のバグもついでにわかるしね〜
セレクタや属性セレクタの説明もされているので、わからない方はこの機会にどうぞ。

»【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (MYCOMジャーナル)