単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報
最後にデザインの話題を取り上げてからずいぶん経ったけど、そろそろまた書くべき頃合いだと思う。 今回焦点を当てるのは、レトロ（かなり前から用いられている）でありながら今また勢いを増しつつある（少なくとも僕は人気上昇中だと感じている）デザインスタイルだ。もっと具体的に言うと、目的を1つに絞り込んだトップページのことだ。 最初に、簡単な例を挙げる。GmailやYahoo!メールのメールアドレスを入力すると、そのアカウントに登録されている連絡先（知り合い）を、さまざまなソーシャルネットワークで探してきてくれるSpokeoというサービスだ。 このデザインの目的はただ1つ、製品の機能を示すためにメールアドレスを入力してもらうことだけで、そのほかのことには目もくれていない。登録ユーザー向けのログインページやブログ、説明ページへアクセスするリンクといった副次的なリンクが少々と、信用度を高めるのに役立つ大手
IE7のズーム機能でバグる - hasLayoutとは | Takazudo Clipping*
IE7のズーム機能を使うと、ラジオボタンやチェックボックス、文中に入れた画像がおかしくなります。こんな風に。 <input type="radio" />ウェブ全体から検索 <input type="checkbox" />日本語のページを検索 <img src="/clip/cmn/img/entry-bg-01.gif" />オマケ IE7のズームで崩れるサンプル これを直す方法。 IE6までは、問題のある要素にheight:0を指定するという、holly hackと呼ばれるバグ対処方法で、数々の問題のあるバグが解決されてきました。IE7になっても、コレに変わり、min-height:0を指定すれば直るじゃん！と思ってました。 しかし、その方法でもこれは直らない・・・。他のズーム機能のあるブラウザではこんなこと起こらないのに、どうすればいいか到底見当もつかない・・・ひどすぎるIE7・・
Select Cuts Off Options In IE (Fix) | CSS-Tricks
I think the problem is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There is no good pure-CSS solution for this that I can come up with or find. It has been tackled with JavaScript a number of ways. Yahoo! has a fix in their libraries. But I’m already using jQuery, didn’t want
IFA 2008 Missing The Point Award | TechCrunch
http://www.viddler.com/player/adffa1f0/ In the Home Appliances section of IFA 2008 are dozens of brands of coffee makers, most doling out freshly brewed joe to bleary-eyed conventioneers. The video above demonstrates one of the larger of such displays. A small pad on the bottom of the coffee cup contains an icon, which a camera under the table identifies and tracks as it slides around the surfac
汚れを拭き取る事で生み出すグラフィティ35選「35 Greatest Works of Reverse Graffiti」: DesignWorks Archive
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 以前「スプレーを一切使わない、街にも環境に優しいグラフィティアート」という記事でキレイにすることで、街にグラフィティを生み出す手法を取り上げましたが、今回紹介するのはそれと同じような手法で描かれたリバース・グラフィティの作品をピックアップしたエントリー「35 Greatest Works of Reve
iPhoneとか作ってみた | fladdict
原稿ばっか書いてたら気が滅入ってきたので、2時間ぐらいでiPhoneとかイラレで描いてみた。左上の写りこみが甘いけど、最初に決めた時間制限でとりあえず強制終了。制限時間内に作業する練習。 あと2時間ぐらいあればそれなりにブラッシュアップできるのかな。やっぱイラレはたのしす。 スポーツカーとかも書いてみたいけど、パーツ数的に数週間かかりそうだなぁ。 製作過程は録画してあるので、暇なときに気が向いたらニコニコにうｐしようかと思う。
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
TumblrのテーマをTwitter風にしてみた - cameraLady
マークアップの練習をしたいなーと思って，手頃な課題として Tumblr のテーマいじりをしてみた． tumblr29 Twitter の HTML 構造をじっくり眺めて，それに合わせて Tumblr の HTML を組み立てて，少しずつ CSS を書いていこうと当初は思ったんだけど，Tumblr の custom HTML が面白いってことに気が付いて段々と逸れていった．結局，Twitter の CSS を丸ごと当てて，必要なものをちょいと足したくらいだ． サイドバーの「Stats」の部分，Twitter では followings とか Updates がある部分に，Tumblr のポスト種類別の内訳を表示させたいと思って，その副産物が先日作った TumblrPostChart でした． 当初の目的は果たされてなかったりするけれど，改めて Tumblr の API を眺めたりする中で気付
シニア層とインターネットいろいろ - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
あまりインターネットを使えていないけど普通にメールなどをしている方々に何をブックマークして、何を毎日見ているのか、ということについて聞いてみました。そしてその他もろもろ感想付き ★普通ブックマーク やっぱりなあ。というのはGoogleがブックマークしてある。というもの。 Yahoo!の方もいらっしゃいましたが。（トップはプロバイダなり、メーカーなり。） インターネットを開けてYahoo!に行くの。そこからいろいろはじまるの。 始まるとはいえ、見るのはYahoo！トピックス。「私はニュースをインターネットで見ている」と仰る方の9割はYahoo!トピックスのこと。一人だけ新聞系のものをブックマークしている方がいましたが。 ★気に入っているページ 総合情報ページなどはなく、特化した趣味ページが多いのが特徴。そのページは個人でも、法人でも。 ★不思議ブックマーク Googleの検索結果とか、ご自分
人力検索はてな - 入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構で
入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構です。
新旧Yahoo! JAPAN対決 -- 旧トップページの弱点とは？:マーケティング - CNET Japan
本家の米Yahoo!のリニューアルに遅れること1年半、Yahoo! JAPANのトップページが2008年1月1日に大幅リニューアルされることになった。Yahoo! JAPANは日本における磐石なブランド力があり、世界のYahoo!の中でも独自のスタンスをとってきたが、新デザインは米Yahoo!に近いものとなっている。 今回のリニューアルも趣旨について、ヤフーは「利便性の向上、掲載情報の範囲拡大、オープン化の推進を図り、ユーザーのニーズに合った1日に何度も訪れたくなるトップページを目指した」と説明する。旧トップページにどのような問題点があって、新トップページではどこを改善、強化したのか、といった情報はつまびらかにされていない。 そこで今回はアイトラッキング分析を通じて、旧トップの弱点を炙り出そうと試みた。被験者には、新旧Yahoo! JAPANのトップページ（新トップページはベータテストとし
Firefox 3の新デザイン案公開 - 大きさの違うナビゲーションボタンが特徴 | ネット | マイコミジャーナル
Firefox 3の外見的特徴になるかもしれないナビゲーションボタン(Faaborg氏のブログから抜粋) Mozillaでユーザエクスペリエンスデザインに携わっているAlex Faaborg氏は15日(米国時間)、自身のブログにおいて次期Firefox 3のナビゲーションバーのデザイン案を公開した。Firefox 3では以前のバージョンよりもライトな見た目でありながらもシンプルでモダン、そして使いやすいデザインが模索されている。作業は現在なお進行中で、現在のデザインがそのまま採用されることになるとは限らない。Mac OS X、Windows Vista、XPの3つのデザイン案はすでにできあがっている。 Mac OS X向けのナビゲーションバーデザイン案(Faaborg氏のブログから抜粋) Windows Vista向けのナビゲーションバーデザイン案(Faaborg氏のブログから抜粋) Wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://neta.ywcafe.net/000918.html
透過PNGをIE6以下のバージョンで綺麗に表示する方法 - DesignWalker
http://japan.internet.com/busnews/20071227/6.html
ささやかなニュース 日本のかわいい電車
取り出しや持ち運びが便利なペンケース: DesignWorks Archive
TechCrunch Japanese アーカイブ » Kindle: まずは触ってみた
http://www.designwalker.com/seed/graphicdesign/tabcake/
TechCrunch | Startup and Technology News