Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
fladdict» ブログアーカイブ » iPhoneアプリ QuadCameraによる海外進出実験報告メモ
来週から本業が修羅場になって、iPhoneアプリどころじゃない。 とりあえず QuadCamera リリースから1ヶ月がたった中間報告をまとめる時間がないのでメモ。 観測気球としてのQuadCameraで、見極めたかったことは以下の通り。 iPhone市場におけるブルーオーシャン開拓のリスクとリワード 競合のいない分野における、アプリケーションのＤＬ数の推移 海外における、バイラル発生の推移とハブの見極め 海外におけるバイラルでのTwitterの位置づけ 海外ランキングのスケールと維持ノウハウの見極め バイラルのハブおよび、Twitterの影響力に関しては、紹介ブログ数やTwitter言及数と、DL数のマッピングデータを採取できた。 具体的にはGizmode, Engadet, Hotwired, EmilyChang, SwissMiss, AppleInsider, Cult of M
ウェブサイトでやってしまいがちなユーザビリティのミス
ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー
[JS]複数のレイヤーをずらして動かし立体感を与えるスクリプト -mParallax
ユーザーのマウス操作にあわせて、複数のレイヤーをずらして動かし、パララックス（視差）効果を与えるスクリプト「mParallax」を紹介します。
blog.katsuma.tv
greeさんで開催されたKey Value Store勉強会に行ってきました。 時間にして4時間超え、内容も国内のKey-Value Storeなソフトウェアの最前線の話ばかりで相当なボリューム。以下、メモってたのを残しておきたいと思います。（誤字、脱字、内容に誤りを含むものなどありましたらお伝えください）また、発表者の方やプロダクトについて、ざっくり調べてURL見つけられたものについてはリンク張っています。 森さん / 末永さん groonga Sennaの後継エンジン 融通が効かないのがSennaのデメリット スコア算出式のカスタマイズなど Sennaの転置索引 索引の構成部品を自由に組み合わせて使える APIもいろいろ QL DB Low Level memcached互換のkey-value store バイナリのみ対応 計測 クライアント memstorm-0.6.8 mem
都内で電源のあるカフェを探すなら【ハックスペース】
ハックスペースについて ハックスペースは、電源が使えるお店を全国から探せる、ユーザー投稿型のサービスです。 お気に入りのお店を登録 会員登録していただくと、お気に入りのお店を登録して、色んなユーザーに知ってもらう事が出来ます。 新しいお店を発見 地域や条件を絞って、あなたにピッタリのお店を探す事が出来ます。 ユーザー同士の交流 お気に入りのユーザーをフォローしたり、メッセージでやりとりしたりする事が出来ます。 いますぐ会員登録
昔のプレゼン資料の URL が変わります＞＜ - IT戦記
経緯 今まで色々なプレゼン資料を usrb.in ドメイン以下に置かせていただいていたのですが、そのマシンを別の用途に使うことになったらしいので、すべての資料を移動させることになりました。 対象の URL http://usrb.in/amachang/static 以下の URL は基本的にすべてですが、主な URL は以下のものです。 http://usrb.in/amachang/static/gaiax01/ http://usrb.in/amachang/static/cssstudy/200701/ http://usrb.in/amachang/static/cssstudy/200701/haihu.html http://usrb.in/amachang/static/shibuyaes/ http://usrb.in/amachang/static/devsum/ ht
「世界初のウェブサーバ」と「日本最初のホームページ」
この画像に写っているのが「世界初のウェブサーバ」です。正確にいつ頃から稼働したのかはよくわからないのですが、1990年11月には既に構築されていたらしい。ちなみにWWWが始まったのは1991年8月6日。 というわけで、この世界初のウェブサーバの正体と、日本最初のホームページがいつ頃から始まったのかは以下。 まず、このウェブサーバはNeXTコンピュータ社のNEXTSTEPというマシンです。ちなみにNeXTコンピュータを作ったのはあのiPodやMac OS Xで有名なAppleの創始者、スティーブ・ジョブズです。以下のページに画像があります。 世界最初のＷＷＷサーバー より拡大した画像がWikipediaにあります。 画像:First Web Server.jpg - Wikipedia キーボードの上にあるのはWWWの最初の起案で、サーバマシンに貼ってある紙には「この機械はサーバである。電源
ヽ( ・∀・)ノくまくまー(2007-05-20)Rails勉強会@東京#18 後半: 今だからこそ運用環境を考える
● [Rails] Rails勉強会@東京#18 前半: QueryCache / MMC 後半: 今だからこそ運用環境を考える に参加。 ● 前半: QueryCache / MMC QueryCache とは、AR.find の結果を memcached を用いてキャッシュする plugin。(rakuto 作) rakuto式 QueryCache の課題 with_scope どうする？ memcache のキー 削除戦略 1は、AR.find の引数だけを見てキャッシュのキーを作成しているため、with_scope と混ぜるな危険。解決策の1つは「キャッシュするレイヤーを select_xxx まで引き下げる」こと。そうすると find_by_sql まで対象に入るという嬉しい副作用もある。ただその場合、キャッシュの対象も同レイヤーにするとARオブジェクトでなく生の結果セットにな
Eコマースサイトを成功に導く「新17ヶ条」 | Moz - SEOとインバウンドマーケティングの実践情報
Eコマースの大半は、1990年代の終わりごろ、まだそれが陳腐きわまりない代物で、デザイナーたちが、ウェブにおけるショッピングとはどうあるべきかという問題と格闘していた時代から、大きく進化を遂げた。やがて標準が確立し、ユーザビリティが勝利を収め、現在は好きなだけ買い物ができるようになった。ちなみに、米国勢調査局のEコマース統計によると、今や年間のEコマース売上規模は、1070億ドルにものぼるそうだ。 とはいえ、まだ良くなる可能性がある。オンラインショッピングは、赤ん坊ほどじゃないにせよ、まだ少なくともよちよち歩きの幼子ぐらいの段階にある。僕らがここに至るまでの進歩によって、購入手続きは以前よりずっと単純になり、使いやすくなったけど、まだそのやり方を理解していないサイトもある。 実は僕、ここのところかなりオンラインショッピングにハマッてて、（先週末の盗難事件と、中国への長期旅行が控えているおか
isologue - by 磯崎哲也事務所：日本のブログの投稿量にびっくり！
エデルマン・ジャパンさんから送っていただいた調査レポートで、日本のブログの現状について、びっくりするような結果が。 日本語のブログの投稿数、すごっ！ 英語と言っても、アメリカやイギリスだけじゃないわけですから。 Technoratiの昨年の調査結果とのことですが、不勉強にして存じませんでした。 （にわかには信じられない結果ですが、よく検索してみると、昨年のブログ界隈ではすでに結構話題になっていた模様・・・。） 明日のICPFのシンポジウム「参加型メディアの可能性」で、私もパネラーをさせていただく第二部のテーマは「ブロガー討論会『日本のブログはこれでいいのか』」。 「日本のブログは、量も質もアメリカなどには遠く及ばない」というようなトーンで話が推移するんじゃないかと思ってましたが、少なくとも量的にはそんなことまったくない、ということですね。 アメリカの主要なブログのページビューの量を聞くと、
Web2.0風デザインのための秀逸チュートリアル68選 | S i M P L E * S i M P L E
こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 以下の7つのカテゴリーにわかれています。 サイトをこれから作るぞー、という人には大いに参考になる素晴らしきチュートリアルかと思います。 ビジュアル効果系（1～11） ロゴ系（12～25） テキスト（26～33）系 バッジ系（34～39） ボタン系（40～46） レイアウト系（47～60） Web2.0まとめ系（61～68） 個人的には1、2、12、13、40、41あたりが好きですね。今後使えそう。 しかし、こういう海外サイトのまとめをまとめとして紹介するのは難しいですよね・・・。そのまま紹介するのも「どうなの、それ？」
SubVersionやRMDB、他各種プログラミング用チートシート集:phpspot開発日誌
The Developer Cheat Sheet Compilation by FuzzyOpinions.com SubVersionやRMDB、他各種プログラミング用チートシート集。 気になったものをいくつかメモ。 CSS 2 Reference Card (PDF) CSS Useful Properties .htaccess Cheat Sheet Subversion Quick Reference (PDF) UML Quick Reference Card (PDF) Vim Commands Cheat Sheet XEmacs Commands Cheat Sheet 関連エントリ Prototype.js 1.5.0 のチートシート １ページに情報が集約されたCSSチートシート「CSS Cheat Sheet」 Ajax,Apache,CSS,CVS,HTML,JS
2006年のロゴトレンドいろいろ（LogoBlog調べ） | P O P * P O P
こちらの記事で2006年のロゴのトレンドがランキング形式で紹介されていました。LogoLoungeというロゴを集めたサイトを参考にLogoBlogというロゴの専門ブログが作成しました。 » The Best of 2006 Logo Trends 下記1位からどうぞ！ 【1】 装飾系のロゴ 凝ったロゴです。若い世代に受け入れられているのだとか。 【1】 筆を使ったようなロゴ 同じく1位です。絵のようでありながら生き生きした印象を受けるロゴです。 【3】 金細工系のロゴ このようなロゴはブランドの質を誇示したい場合に使われる傾向にあるそうです。 【4】 破裂したようなイメージのロゴ 2006年のFIFAワールドカップのものが有名ですね。勢いを感じるロゴです。 【5】 鮮やかなロゴ 原色をうまく活用しているのが特徴的です。インパクトがありますよね。 【6】 レイヤーを重ねたロゴ 透明度の高いレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/02/ps-action.html
[CSS]軽快に動作するタブコンテンツを実装するスタイルシート
IBM Developer