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

なんだか最近ユリさんからメールが毎日来ます。

---
20日 12時：今日なら夫がいないんです。
私のメールは届かないんでしょうか…せっかく二人でゆっくりいられるチャンスなのに連絡がつかないなんて悲しいです。
夫との乾いた付き合いの中で私の心は少しづつ乾いてしまって…そんな中であなたの温もりに触れる時間が必要なんです。本当に、必要だと感じているからこうしてまたメールしたんです。お願いです。連絡をください…
http://hogehogeの、こちらでの伝言ページでしたら大丈夫です。何時に連絡をくれても絶対に夫に見つかる事はありません。
不倫だなんていやになってしまったのかしら…でも私の気持ちは変わっていません。
少しだけでも良いんです…あなたという温もりに触れさせてください。お願いします。

20日 12時：お願いです…あなたの言葉を聞いて用意したんです。
受け取ってもらえないのならこのお金すら無駄になってしまいます。。会う事は出来ないんでしょうか。
この間のことを怒っているのなら本当に反省しています。こんな文章で謝っても許されない事だと思うから…だからきちんと会って、自分の言葉で伝えたいんです。
http://hogehogeにはこれませんでしたか？
ここで私の友達だっていう申請をすれば私の伝言に来れるの…本当に、私でも解るくらい簡単なところだったから作れたんです。無料で作れるところでしたしあなたももちろん無料で私の伝言ページに来られるんです。
そうでなければここであなたと連絡を取りたいなんていいません。
信じてください。そして少しでも可能性があるのならちゃんと謝らせてください。
会えないのなら電話でも良いんです…連絡お待ちしています。
---

これ以降も毎日何通かラブコールがあります。
スパムも考え方を変えると面白いかも。
ちょっと最近ユリちゃんからのメールが楽しみになっている自分がいる。。。
続きはあまりに長いので別ページで。　ホント長いよ！コピペ疲れた。

ソーシャルブックマークのROOTACEで、最もブックマークの多いサイトランキングでなんとの2位になってました！
あまり知られていないサイトかも知れませんが（失礼か。。）Googleに勝っているとなると、かなり嬉しいです。
最近この手のサービスは多いですね〜
「はてな」だと66、「del.icio.us」だと50人の方がブックマークしていただいています。アリガタヤ アリガタヤ
あとは、Yahoo!を残すのみです。　勝ちたい

»ROOTACE.COM 【ソーシャルブックマーク】

Smatchサーチいいです。
不動産の検索エンジンなんだけど、キーワードで検索すると当たり前だけど検索結果にマッチした物件がズラーって出てくる。あとオマケに分類別にもなってる。
分類別には、価格別、間取り、面積があって目的にあった物件をスグに見つけられそう。
今までの不動産サイトははっきり言ってたどり着くまでがめんどくさかったもんな〜
Smatchサーチなら「東横線　学芸大学　エアコン　バス・トイレ別」なんていれれば1秒で出てくるし。
検索になれてる人なら間違いなく便利だと思う。

何をするにもこれからは検索なんだね。　検索エンジンを検索する検索エンジンがでてきたりして。。。

»Smatchサーチbeta 〜日本の不動産をまるごと検索〜

先日参加したWaSP Cafeなんですが、WaSPの本サイトに掲載されたようです。
WaSP本体に報告するとは言ってましたがホントに載るとは。。。
木達さん曰く、世界でもWaSPについて語り合う場が今まで無かったらしく「世界初だよ」な〜んて言ってましたｗ

»The WaSP Cafe The Web Standards Project

木達さんの主催によるWaSP Cafeに参加してきた。
開催1時間位前にこのイベントのことを知ったので、事前登録が必要なことも知らず飛び入りで参加してしまいました。
イベントと言ってもTully's Coffeeで皆で語らいましょう！みたいな趣旨なので、CSS Niteのように一方的な感じではなかったです。
本当は木達さんにもっとお話を聞きたかったんだけど、途中退場してしまったので次回はいろいろ話がしたいな〜
でも、次回は6月ぐらいに開催なのでその間に噂が広まり、ますます木達さんとお話ができなくなるような気が・・・。

ここで書いている時点で少し広まっちゃってるんだけど。。。。

»WaSP Cafe

CSS Nite Vol.7に行ってみました。
Niteのプレゼンはあまり参考にはならなかった、鷹野って人のCSSロールオーバーもウ〜ンって感じだったし、、、、その後のLiteは逆にとても有意義な時間でした。
ミツエーリンクスの木達さん、WEB標準の教科書を書かれている益子さん、ビジネス・アーキテクツの森田 雄さん、web creators編集者の方、シックス・アパート方などなど、WEBの一線で活躍している方々が大勢いました。
このような交流の場ってやっぱり大事ですね〜
いろいろな方がいるので話していて面白いし、知り合いの知り合いとかが結構いたりしてWEB業界って案外狭いな〜　みたいな

来月も参加しよ

「飲・食」カテゴリーの見直しをしていたら出るわ出るわ、いけてないサイトが、、、
こんなサイトを昔イケてると思ってた自分が怖い。
大企業のサイトがヤバかった。特に食品系ね
2003年当時からたぶん一回もリニューアルしてないサイトとかも沢山あるんだろうな〜
最近景気がいいから、お金をWEBのほうに回して早くイケてるサイトにしてほしい。
大企業があんなじゃ日本の恥だね。

つかikesai立ち上げ時に登録したサイトは今後見直していかないとイカン事に気づきました。

ふと思ったんだけど、最近起こったGoogleのアルゴリズム変更が影響して“WEBデザイン”キーワードで順位がグーンと上がったのかね。
そうだとしたらGoogleアルゴリズムさまさまだな〜
というかGoogleのアルゴリズムの変更で順位が劇的に変化するってのも恐ろしい。。。

»DMOZクローンの取扱い - Googleの重複コンテンツ対策 :: SEM R

この記事は、Eコマースのサイトで忘れがちな事を的確に捉えている気がする。

ホームセンターの販売員がこのドリルを買いに来た人に最適のドリルを販売しようと思えばモーターなどのスペックをいくら説明しても意味が無い。

この販売員が目の前の顧客のために売場に並ぶ数多いドリルの中から最適の1個を選ぼうと思えば、まず知らなければならない情報は「どんな大きさの穴をあけたいのか」「相手の材質は何か（木材か、コンクリートか、鉄板か）」「誰が使うのか（屈強な男なのか、女性なのか、子供なのか）」「数個の穴をあければ良いのか、毎日多くの穴をあけなければならないのか」といったものでありさらに突っ込んで「何をするための穴なのか」という目的までを聞かなければならないかもしれない。

これらの要点を正しく理解してはじめて必要なスペックが見えてくる。

引用元：Japan.internet.com Webマーケティング - ドリルを買う人が欲しいのは「穴」である

DESIGN IT!に行けなかったので、情報アーキテクチャーの講演をしたピーター・モービル氏の著書「アンビエント・ファインダビリティ」をポチッと買ってみた。
ファインダビリティーってなによ？
この講演のタイトルが、「大事なのはユーザビリティーよりファインダビリティー」なんで、ファインダビリティーって言葉が気になってしょうがない、、、
謎が解け次第、ここで発表したいと思います。

同じくピーター・モービル氏の著書、「Web情報アーキテクチャ―最適なサイト構築のための論理的アプローチ」もつられて買ってしまった。。。

»“DESIGN IT! Conference 2006 Spring - CMS にみるITデザインの可能性 -”レポート

ほとんどの名前には短縮した呼び名があります。
Internet Explorerなら「IE」
Netscapeなら「ネスケ」、「ヨスケ」などなど、上げていったらきりがないほど。

で、今日知ったのがFirefoxを「Fx」と呼ぶのが正しいということです。
今までは「FF」などと書いたり、呼んだりしていましたが間違っているそうです。
Mozillaの公式サイトに書かれていたので間違いないみたい。
まぁどうでもいい話ですが、公式サイトにこんなことが記載されていて感動したから書いてみました。。。

下のほうに書かれています。
»Mozilla Firefox 1.0.1 リリースノート

コンテント・ネゴシエーションなんて全然知らなかったんだけど、この前教えてもらったので実際に試してみました。
ちなみにコンテント・ネゴシエーションとは、HTTP/1.1で導入された仕組みで、あらかじめ複数のリソースをサーバーに用意しておき、ユーザからのリクエストに応じて適切なリソースを自動的に選び，出力する仕組みのことです。
簡単な例で言うと、サーバー上に多言語のファイルを用意しておいて、ユーザーのリクエストに応じて最適なファイルを自動的に判断してさせるってことができるってかんじかな。

ページ例：
コンテント・ネゴシエーションテストページ

今はたぶん"日本語ページ"とコンテンツ領域に出ていると思います。
それはクライアント（ブラウザ）の言語優先順位が日本語になっているからで、この言語の優先順位を英語にしてやれば、English versionのページが表示されるはず。
優先順位の変え方（Internet Explorer）は、「ツール ＞ インターネットオプション ＞ 全般 ＞ 言語」にある追加ボタンで、英語や日本語を追加したり削除したり出来ます。
英語バージョンを見たい方は言語の部分を英語だけにして見てください。

ページ例：
コンテント・ネゴシエーションテストページ　英語バージョン

上の2つのURIは同じですが、別々のファイルが表示されています。
URIには拡張子がなかったりしてるけど、あっても問題ないみたい。（lang.htmlでも同じ事ってことです）
ただ今回はカッコイイから無しでやってみました。
ロリポップでも簡単にできたんで、レンタルサーバーでもできる所は多いかもしれません。

»コンテント・ネゴシエーションのやり方

全然関係ないけど、拡張子がないページのほとんどはCGI::Applicationを使ってアプリケーションを作ったときに行うことが多いようです。

会社でのスタディで「WEB標準」とは何なんだということを議論することになり、チョロっとまとめているのでメモ代わりに。

1. WEB標準とは、W3Cの仕様書に基づく事実上の標準
2. WEB標準を準拠しなくても良い（WEBを理解していればの話）
3. WEB標準を準拠したからといって良い物が出来るとは限らない
4. 仕様の範囲内であれば1%の準拠でも100%の準拠でもWEB標準に変わりはない
5. そもそもWEB標準を100%準拠しても今のブラウザでは制作者、クライアントの満足度は達成できない
6. 今後もWEBブラウザの仕様は100%互換性のあるものにはならない。そのことを前提としてWEB標準のサイトを制作する
7. WEB標準とは、あくまで目安でそれに従う必要はない（そうは言い切れないけど）
8. WEB標準とは、現状の氾濫しているWEBの環境を是正するためのものであって、WEBを理解していないモノの目標設定でもある
9. WEB標準を適用したサイトを制作していても準拠から外れる行為（CSSハック等）をする事は問題ない

今のところこんな感じ。

一般の考え方とちょっと違う気がするな・・・。

WEB標準の話になるとアクセシビリティーやSEOが取り立たされるけど、それは準拠することによって付随してくることなんだよね、、、

WEB標準はWEB2.0といっしょでディープだな〜

フォーカス画像を変更いたしました。

今回のクリエーターさんは町田レトロさんです。

ガールズイラストが得意ということで、とても可愛らしいイラストになっています。

ikesaiはオトコっぽいのでWEBデザイン的には中和されていいのかなと。。。と、無理やり「WEBデザイン」のキーワードを入れてみる。

メモです。
»PHP 5 -> 4 converter

OpenLaszloってのはMacromedia Flexとほぼ同じ環境が構築できるオープンソースのリッチインターネット・アプリケーションサーバー。

こんなところにもチープ革命が襲ってきてるんですね。。。

OpenLaszloとは

OpenLaszloはリッチ・ユーザー・インターフェースをブラウザ上で実現します。これにより、デスクトップアプリケーションの持つ豊富で、ページ切り替えのないユーザーインターフェースと、WEBアプリケーションの持つスケーラビリティを併せ持ったアプリケーションを作成できます。

penLaszloはすべての主要なデスクトップ・オペレーティング・システム上の、主要なウェブ・ブラウザ上で動作します。 OpenLaszloはオープンソース（CPL)として公開されており、だれでも無料で利用できます。OpenLaszloで作成したアプリケーションはクライアント上でFlashとして動作します。

引用元：LaszloJapan - home

»OpenLaszlo | the premier open-source platform for rich internet applications

ウェブ進化論を読んで、梅田望夫さんのファンになりそうです。
WEBの世界を分かりやすく説明してくれてるので、WEBをちょっとでもかじっている人であれば絶対に感銘します。

あちら側、こちら側っていうのは、ネットの世界で完結するモノと、そうでないモノの事です。
たとえば、Googleはネットの世界でブラウザさえあれば何でも出来る環境を目指してます。これはあちら側
それに対してマイクロソフトは、ハード、ソフトがないと何もできません。これはこちら側
そんな話がウェブ進化論に書いてあります。

梅田望夫さんは、はてなの取締役らしいけど、是非はてなで本にも出ていた人物検索システムってのを作って欲しい、mixiに負けないぐらいのあっと驚くシステムを。
それで望夫さんの読んでる本とか検索したいね。

»ウェブ進化論 本当の大変化はこれから始まる

昨日焼肉を食べたんだけど、その店に「牛肉トレーサビリティ」なるものが書いてありました。
初めて見たトレーサビリティ番号、これはと思いメモメモ。
家に帰って検索をしてみると、鹿児島生まれの黒毛和牛でした。
でも、ふと思ったのが食べてから知っても意味ないんじゃないですか。。。
携帯でみられなきゃ意味ないじゃん。
QRコードとか貼り付けてくれてるともっと親切なのにな。
と思ってたらちゃんと携帯サイトもありました。　当然か

»家畜個体識別システム
»家畜個体識別システム　携帯電話用
上カルビちゃんの個体識別番号：1191502915

去年末にエントリーした記事に、「WEBデザインのキーワードで67番目まで上がってきた」なんて事を書きましたが、今日確認した所17番目にまで上がってきました！
最初はGoogleのパーソナライズド検索を実行してるから上位に来ているのかと思ったんだけど、ログアウトしてみても同じ位置！
これは上位10番以内も夢ではないかもです！

追記：
Google Dance Toolでチェックしたところco.jpサーバーが17位であとは19位でした。。。

OfficeのWEBアプリケーション版に続き今度は画像編集がWEBで行えるサイトを見つけました。
このサイトも結構すごくて、ちょっと画像を切りたいなとか文字を打ち込みたいななんて時にはnexImageで十分対応できます。
効果もボカシやシャープもあるしコントラストだって変えられます。あとグレースケールもね
その他は画像解像度の変更や、画像サイズの変更、ちょっとしたフィルタ機能も付いてました。

nexImageのサイトを見て久々に興奮しました。
このサイトがあれば、出先でブログを更新するときに画像を使う場合はとっても便利かもしれない。
トリミングして画像補正するぐらいしかしないし。。


»nexImage :: The ultimate online imaging solution

カテゴリーメニューを変更しました。
変更点は、女性カテゴリーを削除して健康カテゴリーを「美容・健康」に名称変更しました。
女性と健康のカテゴリー内容が少々似通ってましたので統合した感じです。

こればちょっといいな〜 デュアルブート仕様のApple Windowsって
Macはメインで使わないけど、チェック用にMacが欲しいんだよね。
チェックのためだけにMacを買うのはバカらしいし、しかも趣味でやってるサイトだし、Macは高いしね。
なので、Windowsが動くなら次回購入するデスクトップはMacって手もでてきたな〜
Apple Windowsでどのくらいのパフォーマンスがでるかが問題だけど、、、
あと、XPじゃないくてVistaに対応して欲しかったな、、、

»Apple、Windows XPブート可能な「Boot Camp」で「スイッチ」を加速

メモです。

»More Nifty Corners | Web Design | PRO.HTML.IT
»Javascriptで動的にアンチエイリアスな角丸を設定する:phpspot開発日誌

こんな感じでブログに簡単に貼り付けられます。

緯度経度を複数並べると、簡易ルート再生ができるのがちょといいかも。マップの左上にある再生ボタンを押すとルート再生してくれます。

てか、プラグインを入れなきゃできないらしいけど、ここでは入れなくてもできちゃったみたい。。。 はて？

»ALPSLAB slide

hotmailがかなりのバージョンアップを遂げていました。
まず、インターフェイスがOutlookのように3ペイン表示が可能になっていることと、メール自体をSHIFTキーで複数選択できたり、ドラッグで任意のフォルダに移動できたり、右クリックで返信メニューなどが出てきたりします。でも、仕訳けが出来ないのは痛い。
スケジュールなんかも統合されていて、OutlookのExchangeサーバーを使っているかのようです。
ちょっと前まで25MBのメール容量しかなかったのに、今回のWindows Live メールは2GBもあります。
GoogleのGMailが伸びてるから相当マイクロソフトもあせってるのかな。

Live Messengerに関してはフォルダ共有が出来るようになったって事ぐらいで、たいして変わってない気がする。。。
まぁ両方ともBETA版なのでまだまた改良されていくとは思いますが、マイクロソフトには頑張ってもらいたいです。

»Windows Live Ideas

Googleから提供されたソースを貼り付けるだけで、自分のサイトの解析をしてくれ、関連サイトなどを表示してくれるサービスらしい。

以下が、そのサンプル。このブログを解析した結果が出ているはず。

»http://www.google.com/relatedlinks/index.html

初めて使ってみたけど、オープンソース万歳です。

正直、ここまでクオリティーが高いと思いませんでした。

MS Officeとの互換性はかなり高い気がするし、MS Officeで複雑に作成したPPTのファイルなんかも、きちんと表示されてたしインターフェイスもMS Officeライクで使いやすいです。

フリーでWEBをやっている人で、クライアントのPPTファイルやxlsファイルを見るだけでOffice自体はあまり活用してないって人や、会社で制作したOfficeファイルを自宅で見たいけどOffice買うのが嫌だって人達にうってつけだと思う。

3万円近く出してMS Officeを買うのがバカらしくなってきます。

ちなみにOpenOffice.orgの特徴

• ワープロや表計算、プレゼンテーションがまとまって入っている
• 無料で入手できて、自由に利用できる
• Microsoft Officeと高い互換性がある
• OpenDocumentフォーマット(ODF) という標準ファイル形式を採用している
• 「オープンソース」という方針で開発されている

»ja: 日本:OpenOffice.org日本ユーザー会

　携帯端末向けWebブラウザー「Minimo」v0.014が、3月31日（現地時間）に公開された。Windows CE .NET 4.2/Windows Mobile 5.0に対応するフリーソフトで、編集部にて“W-ZERO3”で動作を確認した。現在同団体の公式ページからダウンロードできる。

　「Minimo」は、“Mini Mozilla”の略で、オープンソースで開発されている携帯端末向けのWebブラウザー。Webページを携帯端末の小さな画面で快適に閲覧できるよう、現在開発が進められている。

引用元：窓の杜 - 【NEWS】携帯端末向けWebブラウザー「Minimo」のv0.014が公開、多言語への対応を強化

是非リナザウにも対応して欲しい！NetFrontはいまいち使いづらいし。。。

アイピーモバイルとかも今年中には出てくるだろうから、モバイル端末用のブラウザをドンドン開発して欲しいね〜

Internet ExplorerのCSS脆弱性をついて攻撃される手法らしいです。

これはCSSをインポートする事で、端末の情報などを抜き取られてしまうので、Javascriptを切っててもやられてしまうのでたちが悪い。

ちょっと前まではmixiのpost_keyもこの手法で抜き取られたりしてたんだってさ。（いまは対応してるみたいだけど）

IT用語辞典の「注目用語ランキング」で昨日からいきなりランクアップしていたので気になって見たらこんなんでした。。。

何かあったのかな？

CSSXSSとは

　Internet Explorerのスタイルシート(CSS)の呼び出し機能に潜む脆弱性をつく攻撃手法。攻撃者は不正なCSSインポートを含んだWebページを閲覧させることにより、被害者のコンピュータから不正に情報を入手することができる。

　CSSでは別ドメインに置かれた外部スタイルシートファイルを「@import」宣言などを使って読み込む(インポートする)ことができるが、Internet Explorerでは外部ファイルの種類を自動判別するため、ファイル名のわかる“{”が入ったテキストファイルを自由に抜き出せてしまう。インポート方法は@import、addimport、link要素、xml-stylesheetなどが知られ、インポートされるファイルがShift-JISで記述されている場合は、文字コード的に“{”と類似するカタカナの「ボ」や「マ」などが入っていても抜き出されてしまう。

引用元：CSSXSSとは 【CSS Cross Site Scripting】　─　意味・解説 ： IT用語辞典 e-Words

バージョン2が出たみたいですね。
以前のバージョンより動きがついて、サムネイルをイメージセットでグルーピング出来るみたいです。
»Lightbox JS v2.0