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

予約しちゃいました！
ニューモデルウォークマンはスティックタイプでかっこいい！
FMチューナーもついてるし、防滴機能もついてるし、無償でボディーに好きなメッセージを刻印できるし。
これは買いでしょ！と思い速攻予約です。
早く来ないかなー

»ソニースタイル

木達さんブログ経由で見つけた情報。
なんでも、line-heightを単位なして設定するとMac OSXのFirefox 1.0.8以下でline-heightのバグが発生するようです。
なので、Firefox 1.0.7でちょっと試してみたんだけど、自分の環境ではline-heightに異常は見られなかった。
おかしいなと思いいろいろいじっていたら、どうもfont-familyを設定するとline-heightに異常が見られる事がわかった。
しかーし、font-familyの種類によってはバグが発生しないことも発見。
Verdana, Geneva, Arial, Osakaなどはバグが発生したけど、sans-serif, serifは発生しない。
まぁこんなバグは単位をちゃんと付けるようにすれば問題ないので、単位を付ける癖のない人は気をつけてくださいませって感じです。

以下サンプル。
»line-heightのバグ　サンプル
»Unitless line-height bug in Mozilla and Firefox | 456 Berea Street

ちょっと前にお世話になってたこともあって、アックゼロヨンのbAセミナーに参加してきました。
今回は4時間と長丁場だったのですが、とても内容が濃くてbAクオリティーはやっぱスゲーわって感じです。
内容的にはインフォメーション・アーキテクトやコミュニケーションデザインなどなど。
会社で取り組んでそうでなかなか取り組んでない部分だったので、もっと上の立場の人にも見てもらいたかったねー

「妥協する部分と、絶対妥協できない部分を明確化する」
「切り捨てる勇気と決断」
これは今日の名言でした。

»アックゼロヨン公式サイト：トップページ
»[bA] Business Architects Inc.

自分と同じ考えを持っている人に出会うのは、なかなか大変ですがWEBの世界なら結構簡単にできちゃうかも。
はてなブックマークで自分と同じようなサイトを見ている人を簡単に探せたらいいなーなんて思っていたんですが、それを実現してくれたサイトを発見しました。
「好みの近いはてなブックマーカーを探そうβ」をつかうと、最近のブックマーク30件と、同じ記事を多くブックマークしているユーザーのマッチ度をランキング表示してくれます。



これで簡単に自分と同じような考えを持った人に出会えるかも。
でも30件だからどうなのよってのもあるけど、、、　どうせなら100件、200件とかがいいねー
タグの絞込みも一つのタグしか対象にならないから、もうちょっと余裕が欲しかった。

まぁなんにせよ、これを使えば自分が興味があってまだ見ぬサイトをマッチした人から効率よく探せるかもね。

»好みの近いはてなブックマーカーを探そう

以前から欲しかったサンコーの「ゴロ寝deスク」ですが、アルミ版が発売されたので、ついに買っちゃいました！
今回新たに発売されたゴロ寝deスクはアルミ素材で、PCの熱も発熱してくれるみたいだしアルミなので軽量。
何よりいいのが、ベッドやソファーでゴロ寝をしていてもノートPCが楽にできるって事です。
家では机に向かってPCを操作したくない僕にとっては最高の一品です。

そんな画期的アイテムを販売しているサンコーですが、レアモノショップということだけあって、面白グッズがいっぱいあります。
たとえば、「車載ノートPCデスク」や「真空管を利用したiPod用アンプ」、「PSP用 ワイヤレスヘッドフォン」、「USB Radio」、「iPod用USBアダプタ」などなど、あったら便利グッズが沢山あります。
アイテムを見ているだけでも楽しいので、暇なときにでも覗いてみては？

»サンコー【レアモノショップ】

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

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

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

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

先ほど自分の携帯に掛かってきました！
なんでも、先日僕がアダルトボイスチャンネルに電話したらしく、そのお金がまだ振り込まれてないから払えとのこと。
未だにこの古い手で来るとはちょっとガッカリです。
もうちょっと斬新な手口を期待してたんだけど。。。

ずっと聞いているのもめんどくさいので「どうせ振り込め詐欺だろ」っていったら、ちょっと怒ってた。
結局、会社に電話するぞ！とか家に電話するぞ！とかもなくそのままプチッっと切られてしまいました。

携帯番号を晒したいけど、偽装している場合もあるみたいなので、止めておきます。
まぁみなさん気をつけてください。とりあえず

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

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

CSSは設計した本人でも時間が経つと作りがわからなくなったり、ひどい時には作っている最中でもコレなんのクラスだっけ？なんてことになりがち。
それを他人が見たらそりゃーCSSの解析に時間がかかるってもんです。
他人がわからない、解析に時間がかかるってのがクライアントなり制作会社の一部の人に嫌われる＆積極的に取り組まない原因のひとつだと思う。（今いる会社もそう）
その原因を軽減しスムーズに仕事が進むようにしたい。
そんな事を思いつつ、いろいろ試行錯誤しているんだけどなかなかうまくいかない。

で、今日見つけたサイトにはちょっとしたアイディアが載っていたので参考に。

ここのサイトでは見出しやテキストなどの例が載っていたけど、コレを元にマージンや各ブロックパーツなどの定義を加えていけば、CSS仕様書フェーズ1はできそう。
あとは、会社に仕様書の大事さを解いて仕様書の作成する時間を作ってもらうことだな〜

»Drinking Rockstars and Programming >> Creating a Style-Guide for your site

サムネイルのリンク領域をテキストまで拡大したら、またIEで左メニューが落ちる不具合が〜〜〜〜〜
どうやっても直らず原因不明。。。
元に戻すか、根本的にCSSの設計しなおすかどちらかかねー
でもCSSを設計しなおすには時間がないので、、、でもそろそろバージョンアップしたい時期でもあるので、、、
まぁとりあえず放置プレイで。

さっき電車でiPodを聞きながら裏面を手鏡代わりに使っている女子高生がいました。
目覚まし時計の代わりに使うのは聞いたことあるけど、化粧するときに使うなんて、、、
iPodもいろいろな技があるんだね〜
»|||| selection-echigoya.com ||||

WikiMapiaってサイトで簡単にGoogle Mapsを自分のブログに貼り付けられます。
チャチャっとやるだけで、本当に簡単にできちゃいます。
下のGoole Mapsもほんの数秒って感じ。




使い方は以下のネタフルさんのサイトで紹介されています。

»[N] 30秒でブログにGoogle Mapsを貼り付けられる「WikiMapia」
»Wikimapia - Let's describe the whole Earth!

カテゴリーの項目をちょっと修正しました。
子供カテゴリーを削除し、「特設・プロモーション」カテゴリーを追加しました。
このカテゴリーでは、スペシャルサイトやプロモーション、期間限定のサイトなどを扱っていきたいと思います。

Amazonアソシエイトのサービスで簡単にインターネットストアーができる。
ちょっと試してみたんですが、本当に簡単にできてしまいました。
でも簡単がゆえに、カスタマイズ性が全然ない。
カラーとかは変えられるけど、その他はほぼ変えられない。
CSSの編集とかできたら結構つかえるのにな〜
まぁまだベータ版だから仕方ないけどね。

ただ、今までアマゾンの個別商品リンクをサイトに挿入していた人はアマゾンの商品ページに飛ばすのではなく、自分のインスタントストアに飛ばしちゃうって方法もアリかなと。
こんな感じにできちゃうので、ちょっとは購買意欲をそそるかも？？
普及するまではフィッシングサイト？みたいに疑われそうだけどね。。。

今回のクリエーターはTraceの小野沢優さんです。
女性をモチーフにしたシンプルな作品が得意なだけに今回のフォーカスは非常にシンプルになっています。
最近は女性系のイラストが多くなっている気がする。。次回はキャラ系とかがいいね〜

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)

「Research Artisan - リサーチアルチザン」という、素晴らしいログ解析ツールを見つけてしまいました。
フリーかつバナー広告なし、しかも高機能と三拍子揃っています。

一般的な機能はもちろんのこと、どのページから入ってきて、どのページから出ていったなどが分かるINページやOUTページなどがあったり、ボタンクリック測定という項目ではフォームボタンのクリック数まで解析してくれる。
自分的に一番のお気に入りは、MyBlogLogのようなOUTページのどのリンクからどの位出て行ったなんてことも解析しているのでかなり重宝します。

ちょっと感動したのが、開発者さんのレスポンスの速さ！
昨日まではリンク元の項目ではホスト名までしか分からず、ページ単位まで解析してくれないのでお願いメールをしてみたんですが、今日の朝来てみたらすでに改善されてました！！
なので、どのページにリンクが貼られているかが一目瞭然になりました。
今後は「shinobi」に変えて「Research Artisan」略してRAを使っていこーかなーと思っています。

»登録は無料！広告無し！ブログにも最適なアクセス解析 | Research Artisan - リサーチアルチザン

DivX社がはじめた動画投稿サービスが最近話題です。その名も「Stage6」
YouTubeと違い、高画質高圧縮なので綺麗な映像が楽しめるし、動画サイズも2Gまで使えるので今後のコンテンツが楽しみ。
あと、ダウンロードした動画をDivX対応DVDプレーヤーで見れるってのも新しいね〜
その仕組みを使って収益を得られるようにしたいらしい。
このビジネスモデルが成功すれば、YouTubeをあっさり超えちゃうかもね。YouTubeもレコード会社と交渉してるみたいだけど

»DivX Stage6 -
»DivxStage6 - フラッシュWiki

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



»WEB2DNA - Convert your website into DNA art

これいいね〜
マウス持ち歩かなくていいし。



»Blog of Wishes >> Blog Archive >> Turning Nokia 6230i into a Bluetooth Mouse

Cybozu Labsが素晴らしいサービスを開始した。
Japanizeってエクステンションを入れるだけで特定の英語サイトのUIが日本語化されます。
対応されているサイトはdel.icio.usやflickr、YouTubeなどなどメジャーどころは対応しているようです。

英語が全然できない自分にとっては非常にありがたいサービスだなー
もっともっと有志の力でサイト数を拡大してもらいたい！

»Kazuho@Cybozu Labs: ウェブサイトの UI を自動的に日本語化するサービス
»ネットを日本語化する:Japanize

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

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

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

WordPressのテンプレートなどでよく見る、下メニュー版を代替スタイルシートでテストアップしてみました。
カテゴリー内で代替スタイルを適用すると、左メニューが下に移動します。
左メニューが邪魔でサムネイルを全体に表示したい方にお勧めです。（そんな人はあまりいないと思いますが）

元々は自分用ユーザースタイルシートで使っていたんですが、自分的に使いやすいのでちょっと公開してみました。
メニューが下にあるので、マウスジェスチャーなどを使うと便利です。
ただ代替なので、違うカテゴリーに遷移してしまうと元のスタイルに戻ってしまいます。

ちなみに代替スタイルシートを適用する方法は、
Firefoxだと「表示＞スタイルシート＞Left Nav none」
Operaだと「表示＞スタイル＞Left Nav none」です。

クライアントの理不尽なクレームってのはディレクターやプロデューサーなら必ずあると思う。
そんなストレスの原因になる問題ですが、下の記事を読めばちょっとは楽になるかもしれません。
「負けた」と思わせないことが「勝ち」って言葉にはキュンときましたｗ

　トラブル交渉では、お互いに深い傷を負いたくない。なんとか責任を回避して自分の傷は最小限にしたい。そのせめぎ合いだ。

　こちらが「売り手」の立場であっても、それは同じだ。言いがかり的なクレームは当然のこと、こちらに責任のないことまで責めを負わされるいわれはない。冷静に責任の所在を明らかにし、主張すべきは主張して責任に応じた対応をする。それが原則だ。

　人は振り上げたこぶしをみっともなく降ろせないものだ。みっともなくこぶしを降ろすことを余儀なくなれた人は、やがてもっと恐ろしいキバを向く。矛は静かに鞘に収められないといけない。

　土俵際まで追い詰めるが、あと一歩のところですっと足を引いて戻してやる。そうして相手に「借りができたな」と思わせるのだ。

引用元：こちらに非がなくても、相手に“逃げ場”を用意せよ：ITpro

昨年も開催されていた「Movable Type コンテスト」ですが、今年も開催されています。
試しに、ikesaiのブログもちょっとエントリーしてみました。
特に売りはないんだけどね。。。

誰でも参加できるようなので、ブログを運営している人はエントリーしてみてはいかがでしょう！

»Movable Type コンテスト

Syntes Designが制作したMacBook用の椅子らしいです。
マックは持ってないけど、この椅子とセットだったら買っても良いかなｗ
カフェや、美容室に置いてあっても全然違和感なく、むしろオサレかも。

最近サムネイル生成サービスが増えてきた。
はてなスクリーンショット、SimpleAPI、Alexa Internetなんかがある。
ソーシャルブックマークの影響が大きいからだろうか？
イケサイも自動でサムネイル更新ができるようになれば新鮮でいいんだけどな〜
まぁそんな組み込みできないけど、、、

ちなみに、はてなスクリーンショットはイケサイと同じCrenaHtml2jpgを使用しているそうです。

»はてなスクリーンショット
»SimpleAPI - ウェブサイト・サムネイル化ツール
»Amazon.com Amazon Web Services Store: Alexa Site Thumbnail / Amazon Web Services

いつのまにか始まってた。。。

»TechCrunch Japanese

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

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

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

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

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

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

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

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

ついにでましたね。
待ちに待った拡張機能のバックアップ。
これで、自分の環境を移すときは素晴らしく便利になります。
MozBackupと合わせて使えば無敵な気がする。

»窓の杜 - 【NEWS】「Firefox」の拡張機能をバックアップ・1つのXPIファイルに統合する拡張機能

Aptanaというフリーのエディタです。
まだ英語版しかないみたいだけど、今後かなり使えそうなソフトです。

マイクロソフトOfficeのオープンソース版 「OpenOffice」があるように、Dreamweaverのオープンソース版が「Aptana」って感じですかね。
早く日本の有志で日本語版をつくってほしーい！！

»Aptana: The Web IDE

サイボウズが31日に発表したプレスリリースによると、育児休暇が最長6年あるそうだ。
ワーク・ライフ・バランス支援制度というネーミングのとおり、仕事と生活のバランスを考えて作られたらしい。

最近の日本は夫が家事をするのが当たり前になってきてるから、男の育児休暇もあたりまえになってほしいね〜
これを期に人生を楽しめる日本人に変わっていけば幸福度ランキングもアップしていくことでしょう。

»サイボウズ株式会社　プレスリリース

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

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