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

Live　メッセンジャーがいきなり使えなくなった。
オンラインになっているはずなのに、メンバーから見るとオンラインになってないらしい、自分のメンバーもオンラインになっているはずなのに、オンラインにならない。
いろいろ検証したけど、ネットワークの問題でもなく設定の問題でもなかった。
なぜだ？他にLive　メッセンジャーを使ってる友達は何の不具合も起きてないのに、自分のだけ。。。

原因が全くわからず、Windows　Liveのサポートに問い合わせてみたら、やっぱりLive メッセンジャーの不具合だった。
なんでも、「メンバー登録、また、メンバーの連絡先カードの編集にて、携帯電話メールアドレスを入力した際、メンバーリストの 表示に問題が発生する。」ということらしい。その不具合に悩まされている人は結構いたんだな〜
たしかに登録メンバーの携帯電話アドレスを登録した直後になった気がする。。。
これは早急に対応して欲しい。メッセンジャーが使えないと、かなり不便な環境になっているので、死活問題なんだよね〜

てか、そのバグが報告されてるんだったら、Live メッセンジャーのトップに告知しといてくれよ！！！ とりあえず今はバージョン7.5使ってなんとかなってるけど、、、

追記：
このあと深夜にもかかわらず、解決方法と障害原因のメールがきました。
それを実行したら通常の状態にもどった！Windows　Liveのサポート早いね〜
以下、原因と解決方法。

@以前にピリオドを複数含むアドレスのため、インターネットで使用するメールアドレスに準拠していない為にこの度の問題が発生している可能性がございます。

このピリオドを複数含むメールアドレスにつきましては、NTTドコモ様のウェブサイトでも記載されているように、一部のプロバイダとメールを送受信できない場合がございます。

＜解決手順＞

1. Live Messenger にサインインを行います。
2. 携帯電話アドレスを登録したメンバーを右クリックします。
3. [連絡先の編集]をクリックします。
*** 連絡先の編集ウィンドウが表示されます ***
4. [携帯電話の電子メールアドレス]の欄からアドレスを削除します。
5. [保存]をクリックして、ウィンドウを閉じます。
6. メンバーリストから再度携帯電話アドレスを登録したメンバーを右クリックします。
7. [メンバーの削除] をクリックし、表示されたダイアログメッセージ内の[メンバーの削除] をクリックします。
8. Live Messenger のメニューより、[ツール] ⇒ [オプション] をクリックします。
9. 左側メニューの [プライバシー] をクリックします。
*** プライバシー オプション 画面が開きます ***
10. [許可するメンバー] の枠内に、登録した携帯電話メールアドレスの表示を確認します。
11. [携帯電話メールアドレス] を右クリックしていただき、[禁止する] をクリックします。
12. [携帯電話メールアドレス] が、[禁止するメンバー] の枠内に移動しますので、再度、そのメールアドレスを右クリックします。
13. 右クリックメニューの [削除] をクリックします。
14. [許可するメンバー] の枠内に戻っていただき、メンバーリストから削除したメンバーを右クリックします。
15. [メンバーの追加] をクリックします。
16. 画面下部の、[適用] と [OK] をクリックします。

上記の操作の後、一度、Live Messenger よりサインアウトを行っていただき、再度のサインイン後、問題の状態をご確認下さい。

結局、携帯電話アドレスがピリオドを2つ以上使っていたら、登録はしないほうがいいってことです。

僕の望んでいたブックマークのWEB化の理想版がWindows Liveファミリーからでた！
Google Browser SyncでFirefox内のブックマークやクッキーなどを他のPCにシンクロさせるってのがあったけど、Windows Live FavoritesはWEB上にブックマークを簡単にシンクロさせることができる。
前にもブックマークをWEB上に保存できるサービスはあったけど、めんどくさかったりして使い物にならなかった。
ソーシャルブックマークサービスも登録はメンドクサイしね。
Windows Live Favoritesは簡単にIEやFirefoxなどのブックマークをWEB上にシンクロできるし、Bookmarkletを使えばこれまた簡単にブックマークの登録ができる。
もちろんWEB上なので検索もできるからかなり便利。
Liveシリーズも今後20種類ほどでてくるらしいから今後が楽しみです。

でもGoogleファミリーとWindows Liveファミリーどっちか統一したいよな〜

»Windows Live Favorites

今回のイラストレーターさんは、やぎともこさんです。「やぎともこの押し入れサイト」には個性的なイラストがたくさんあるので見ていて楽しくなります。
---
近々投票ページを設けたいと思っています。日ごろWEBクリエーターの人達が何を思ったり、何を考えていたりするのかが少しでも垣間見れたらいいなと思っています。

Opera9の新機能ウィジェットはどうなんですかね？

これぞ！ってウィジェットがまだ出てきてないし、つか自分で作れって感じだけど、まだまだFirefoxを超える魅力はないのかな。BitTorrentとか使わないし

一ついいのがアドレスバーに"opera:config"って入力すると細かいブラウザの設定が簡単にできちゃうって機能がいいね〜

どんどん玄人好みのブラウザになってる気がするけど。

ウィジェットとは？

ウィジェットとは、インターネットから配信された情報をデスクトップ上に表示させる小さなウィンドウのこと。例えば、Apple Computerでは、Mac OS Xの「Dashboard」で利用する小さなプログラムとして、ウィジェットを提供している。

引用元：「Opera 9」の第2プレビューがまもなく公開に--ウィジェットをサポートへ - CNET Japan

»Opera ブラウザ: ホーム

メールよりも気軽にできるメッセンジャーだけど、ついに携帯でメッセができるようになった。
Windows Live メッセンジャーのリリースとほぼ同時にモバイルメッセンジャーのベータ版もリリースされました。
試しに入れてみましたが、PC版のメッセンジャーとインターフェイスは同じで使いやすいし、メンバーの追加や表示名の変更なんかもできる。
Windows Live メールの機能も付いているのでメールを読んだり、メールを送ったりもできちゃうところは驚き。
これはちょっと大活躍の予感がするけど、パケット代が物凄くかかりそうで怖い。定額にしないと、、、

ちなみにベータ版は先着5000名限定らしいから試してみたい人は、早めにダウンロードしてみては？

追記：
この記事を書いた後、すぐにダウンロード終了してたみたいだけど、今日の午後4時からダウンロードを再開するそうです。

»Windows Live - Windows Live メッセンジャー - モバイル
»Windows Live - Windows Live メッセンジャー

米Googleが公式ブログ「Inside Google Sitemaps」において、自然リンク（Natural Links）と人工リンク（Unnatural links）の取扱いについて見解を述べている。

Googleは、コンテンツに価値を見出し訪問者に紹介するために設置されるようなWebで自然発生的に生まれたリンクを自然リンクと定義。一方で検索エンジンに人気があるように見せかけることのみを目的として設置されたリンクを人工リンクと定義している。Googleはこうした人口リンクのいくつかは同社のウェブマスターガイドラインに違反するとしており、例えばランキングやPageRankを上昇させるためのリンクスキームへの参加や、スパムサイトや”悪しき隣人”に対してリンクを張らないこと、また検索エンジンのために作成されたドアウェイページを設置しないよう呼びかけている。

また、一般的にスパムサイトや悪しき隣人”へ”リンクを張ることは自身のインデックスやランキングに悪影響を及ぼしうると説明。こうしたサイト”から”リンクをもらった場合は弊害が及ぶことはないが決してプラスにはならないとしている。

引用元：Google「自然リンクと人工リンク」を区別 :: SEM R

これを読むと定義をしているって書いてあるから、ちゃんとプログラムで区別できてるんだろうな。。。

ちょっと前にもGoogleから削除された企業があったし、どんどんGoogleのロボットは賢くなってるな〜

ikesaiもちょっと考えていかないと、被害を被るかもしれない。

スパムサイトにリンクを貼られるのはいいけど、貼るのはかなりやばいらしいってのが気になる。というか問題
相互リンク先にスパム扱いされているサイトがあったら、こっちのランキングもマイナスになるってことでしょ〜　てことは相互リンクページは閉鎖かね

あと、アウトバウンドリンクの信頼性が著しく低いサイトってのも気になる。
これはリンク集のサイトにとってはどうしようもないと思うんだけど、、、信頼性までちゃんと分析できてるのか？
そこらへんこそGoogleの頭脳で区別欲しいところです。

シンプルなIE7のハックをみつけたので

バージョン 6 以下の IE にのみ適用

* html body

バージョン 7 の IE にのみ適用

*+html body

バージョン 7 を含む全ての IE にのみ適用

*+html body, * html body

IE7 を含むモダンブラウザにのみ適用（バージョン 6 以下の IE を除外）

html>body

IE7 を除くモダンブラウザにのみ適用

html>/**/body

引用元：Lucky bag::blog: IE7 を含むモダンブラウザ向けの CSS ハックまとめ

このCSS HACKは非常にいいのですが、ひとつ気をつけないといけないことがあります。
IE7も文書型宣言を記述してないと互換モードになってしまうってことです。

といってもIE5.xと同じに作ればいいってわけでもないみたいなので、過去に作ったサイトで文章型宣言が書かれていないと物凄くめんどくさい事になりそうですね。
いままでちゃんとHTMLを記述していたかがIE7の正式リリースで分かってしまうかも。。。

»文書型宣言あり（XHTML）

»文書型宣言あり（HTML）

»文書型宣言なし

次回のCSS Niteが神崎 正英さんということで、以前から欲しかった「ユニバーサルHTML/XHTML」を購入しました。
この本は何度か読んだことがあったんだけど、基礎の部分がしっかりと書かれているので非常に良いです。
内容的には"ごく簡単なHTMLの説明"を発展した内容になってます。
HTMLのことはもちろん、そのバックグラウンドで何が行われているかなども丁寧に書いてあるし、いままで言われるがままに使っていた要素などの本来の意味なんかも書かれているのでHTMLの見方も変わります。

»ユニバーサルHTML/XHTML

最近まで自分もstyle要素やscript要素にコメントをつけていました。
でももうコメントはいらないんじゃね？と勝手に思い今はコメントを記述していません。

以下コメントをやめた理由。
---
HTML 4ではスタイルシートをサポートしていないブラウザのためにコメントを推奨していた。なぜならサポートしてないとテキストがそのまま表示されちゃうから。
しかーしXHTMLではコメントは使うなと書いてる。なぜならstyle要素内もPCDATAとして扱われるようになったため。HTML 4だとstyle要素内はCDATA
現状XHTMLで記述されているページでstyle要素にコメントを使ってもIEやFirefoxなどはちゃんと解釈してくれる。互換性のためですかね
でも今後出てくるブラウザでもコメントを解釈してくれるとは限らない。
スタイルシートをサポートしていないブラウザはHTML3.2以前のブラウザのはず。きっと。HTML3.2でstyle要素は予約されていたため
HTML3.2以前に出たブラウザはIEやNNのバージョン3なのでユーザーはほんの僅かなはず。つかバージョン4もCSS切ってるんだから問題ないよね
CDATA セクションを使うって手もあるけど、IE6やその他のブラウザで正しく解釈してくれないのでNG。
ってことはコメントを使わない方がいいよね。
---
まぁこの様な理由がありコメントアウトはやめました。それが正しいのか間違っているのかは分かりませんけど、、、

たぶんこんな事を言いたい人もいるはずなので、一応。
そもそもHTMLにstyle要素を記述するのが悪いんだ！外部にスタイルをもてばいいじゃん！なんて言う人も結構いると思います。
しかーし、個人で制作している分には問題ないけど、仕事となると話は別。サイトの仕様上、外部スタイルシートには触れられないとか、外部スタイルシートを埋め込めないとか、あるはず。
そうなるとHTML側に書くしかなくなるんです。

»PCDATA
»CDATA
»CDATA セクション

MyBlogLogというサービスを導入してみました。
このサービスは、ikesaiを訪れたユーザーが外部リンクをどれだけクリックしたかわかるようになっています。
サムネイルにカーソルをもっていくとクリック数が表示されていると思います。
本当は、常に表示させる仕組みが欲しいんだけど自分では作れないので試しに入れてみました。

Google AnalyticsやshinobiもMyBlogLogのように逆ログ解析を導入して欲しいな〜

追記：
なんだか上位50位しか表示されないみたいです。。。
カテゴリーにも導入したんだけど、50個までしかクリック数を表示しないしまばらな感じがするのでやめました。
トップは引き続きいれてますけど、これも7日間しかもたない。月3ドルだし有料に移行しちゃうかね〜

»MyBlogLog

関東地方の梅雨入りにともないikesaiカラーも変更しました。サムライブルーにもちょっと引っ掛けたりして

今回はラインカラーのみの変更ですが、濃いブルーで湿っぽいデザインに。。。

WEBデザイン的に湿っぽいってのもどうかと思いますが、シーズンカラーなので大目に見てくださいませ。

早く梅雨が明けて鮮やかなカラーにしたいものです。

それと、近々投票ページを設けたいと思っています。日ごろWEBクリエーターの人達が何を思ったり、何を考えていたりするのかが少しでも垣間見れたらいいなと思っています。

Google Analyticsを入れてまだ何日も経ってないけど、ikesaiのユーザー動向がちょっとわかってきた。

• 4割のユーザーはブックマークからアクセスしている。
• トップページからの離脱者が3割いる。
• 3割のユーザーは閲覧時間が10秒以内。
• 訪問中のページビュー数は半数が1ページないし2ページしか見ていない。
• 地域で言うと東京からのアクセスが5割。

自分の予想でしかないけど、これらを見るとikesaiのヘビーユーザーはトップページにある「追加サイト」をチラッと見て更新されてなかったら即離脱し、更新されていたら軽く見るって人が大半で、その中の何割かが2階層目のどれかを見る感じだと思う。

ikesaiに何の目的もなくやってくるユーザーは少ないと思うから、これが妥当なセンかね〜

というか東京からのアクセスが5割っていうのには驚いた。1都3県だと6割だし

WEBやってる人はやっぱり東京の人が多いんだね。

地方との格差がこんなところにも・・・。

全てをWEBに移行したい僕ですが、やっとブックマークをWEB上に格納できるようになった！
今までも、はてなブックマークや、Googleのパーソナライズド ホームなどがありますが、いまいち使い勝手が良くなかった。
ブックマークを会社や自宅のPCで共有したかった僕にとっては嬉しいサービス。
クッキーや履歴なんかもシンクロしてくれるのはいい機能です。
最後に閉じたタブまで記憶しているのはちょっと怖いけど。。。

なんならツールバー自体をWEBにしてブラウザは枠だけある感じが一番の理想なんだけど。。
そのうち拡張機能なんかもシンクロするようになってくれることを願います！

あとは、ThunderbirdでOutlook ExchangeのようにWEBベースになってくれることを願うばかり。

»Google Browser Sync

昨年末から申し込みを希望してから半年、やっと来ましたGoogle Analyticsのインビテーション コードが！
知り合いなどは1ヶ月できたりしてたのに何故俺には来ないんだとイライラが限界に達してました。
Google AdSenseやアドワーズを登録している人には優先的に来るなんて噂を聞いたり（実際に知り合いはアドワーズ広告を登録していて1ヶ月できた）、Gmailから登録すると良いとか、そんな噂に惑わされながら待っていました。
何個も登録してたもんだから、一気に2つのインビテーション コードが送られてくるハプニングも。。。

軽く使ってみた感想は、いろいろありすぎて使いこなすのが大変です。
でも、今までのフリーのログ解析にはなかった項目も多々あるのでちょっと楽しい。
面白いのがFLASHのバージョンがわかったり接続速度がわかったりします。サイトによっては嬉しい機能です。
ちょっと残念なのがリンク元のURLが解析されていないので、どこからリンクされているのかがわからない。。。
ドメイン単位ではわかるんだけど、それじゃぁ意味ないんだよな〜
shinobiを卒業しようと思ったけど、これじゃぁ無理だ。。。

»Google Analytics

興味深い記事を見つけたのでポスト。

　フォームへの入力は、ユーザーがシステムに対して積極的にアクションを起こしている場面です。それと同時に、多くのユーザーにとってストレスの大きい行為でもあります。そのため、フォームではできるだけ入力項目を減らして、ユーザーが速やかに作業を完了できるようにすることが大切です。

　例えば会員登録のフォームにおいて、登録内容とは直接関係のないアンケート項目などが多く提示される場合がありますが、これはユーザーにとって「会員登録する」という目的達成までのハードルが高くなることを意味します。サービス利用の主体はユーザーであって、ここぞとばかりに個人情報を収集しようとする運営者の姿勢は歓迎されません。

　また、Eメールアドレスの入力フィールドの次に、「確認のためもう一度入力してください」というラベルとともにもう1つ入力フィールドが用意されている場合がありますが、このインタラクションの有効性にも疑問があります。

　これはEメールアドレスを正確に入力させることを目的としていますが、ユーザーの行動を観察すると、非常に多くの場合、ユーザーは1つ目に入力した内容をコピーして2つ目にペーストしています。これでは単に手間が増えているだけ。

　また、ほとんどの場合システムは、2つの値が一致しているかどうかをバリデートするだけで、そのアドレスが有効かどうかを調べているわけではありません。もし1つ目のフィールドに正しく入力できても、2つ目のフィールドで間違えればエラーになってしまいますし、逆の場合もエラーになります。人は正確な作業を繰り返すことが苦手ですから、かえってエラーを増やしていることになります。

引用元：多くのユーザーは一度に1本しかジュースを買わない − ＠IT

これは本当に納得です。

アンケートは論外として、パスワードの確認入力は本当にいらないな。

インターネットに慣れ親しんだ自分でさえ煩わしいのに、ネット初心者ではもっと煩わしいだろうな。

ちょっと話がずれるけど、登録制のネットビジネスを立ち上げたとき最初の壁となるのがユーザー登録だといわれてる。

大体の人がポータルサイトに登録して、あとはユーザー登録がメンドクサイから足踏みをするらしい。

その理由としては、ユーザーがIDとパスワードの管理ができないからだと。

そりゃそうだよね〜IDとパスを自分で決められなかったり、決められても文字数や文字の種類を制限してたりするんだからさ〜

そんでもって巷じゃセキュリティー的にパスワードは頻繁に変えたほうがいいなんていってるし、初心者の人はIDとか管理したくなくなるよな。

そんなやっかいなユーザー登録なんだから、簡単に分かりやすくないと登録してくれないよね。

「パスワードが一致してません！」とか、「何々が入力されてません！」なんて赤字で何回も言われたら登録やめるよマジで。

角丸をCSSで実現する方法を紹介しているサイトはいくつかあります。
その代表的なのがNifty Corners。
だけど空タグがあったりするから却下。
ここも空タグ入ってるから却下。
しかもこれらのサイトはボーダーがつけられない。

自分がやりたいのは、というかやらなくてはいけないのは、ボーダーがあってグラデをしていて、なおかつ縦横可変できる見出し。
この縦横可変ってのがクセモノで、4つのコーナーをちゃんと割り当てないと可変にはなってくれないんです。。。
しかもボーダーつけなきゃいけないし。。。

考え抜いたあげく、できたのが下のリンクになっています。
空タグは無くなったけど、ちょっと微妙です。
四隅にイメージをもってこなきゃいけないので、divが入れ子すぎる。
主要ブラウザはほぼOKで、IE5.0だけちょっと崩れます。でも可読性が失われることはないのでOKということで。
あとdivの入れ子はどこでも使うのでこれも見逃してもらうとして、、、
でももうちょっと考えなくては、、、

»角丸で見出し（縦横可変、ボーダー、グラデあり）

以前Yahoo!のタイトルを変更したら"WEBデザイン"のキーワードで一気に上位表示されましたって記事を書いたんだけど、先ほど見てみたら今度は700番目ぐらいに一気に落ちていました。。。
タイトル変更前は600位でタイトル変更直後は130位、そして現在は737番目・・・。
何故だ。どうしてだ。何がいけないんだ。オレが何したんだ。。。謎です。

ということで、Yahooのタイトルを変更しても上位表示になるとは限らないって事です。
"サイト デザイン"とかだと結構上位なんだけどな〜　WEBってのがいけないのか？

とにかく見てみれば凄さがわかります。
この世のものとは思えない写真が多数あります。
なんだかホイップクリームみたい。。。
オーロラなども掲載してあるので、ちょっと和みます。

»Extreme Instability - Images by Year