| ＾＾ |秒刊SUNDAY | 何故、フルFLASHのサイトばっかりになってきたのか。
2008年08月07日 何故、フルFLASHのサイトばっかりになってきたのか。 カテゴリ：役立ち・知識 最近、フルFLASHのサイトが増えてきました。カッコいい反面、ユーザとしては使いづらい、ユーザビリティの悪いサイトという欠点もあります。しかしそれに反しどんどんフルFLASHサイトができていくのはなぜでしょうか。 フルFLASHサイトのあれこれ ■多田屋 ■黒川温泉 お宿 野の花 ■N706i ■BEYES ■Firefox3の灯 ここのサイトの調査によるとざっと1000以上のフルFLASHサイトが では何故、こんなサイトが増えてきたのか ◆ブロードバンドになってきたから フルFLASHサイトはそれなりに、容量を食います。しかし、ADSLや光回線が普及してから、そんなに読み込みに時間がかからない為、心置きなく作れる。という建前。 しかし、実際は重い！ なぜなら、容量などよりも、
ワイドディスプレイの普及でWebの文字が大きくなる？ | 初代編集長ブログ―安田英久
今日は、ワイドディスプレイの普及とディスプレイの高精細化が進んでいることを考慮して、改めてWebサイトに適切な文字サイズを考えてみましょう。 あなたのサイトでは、本文の基本文字サイズを何ピクセルにしていますか？ その文字サイズは、訪問者にとって見やすいサイズですか？ 二昔前は、小さな文字のオシャレなページが流行っていましたが、ここ数年は「見やすい文字サイズ」を選ぶようになっていますね。ヤフーやアサヒコムなどの代表的なサイトでは、本文16ピクセルを基本としているようです。 実はこの「ピクセル」というサイズ指定は、絶対サイズではありません。というのも、どんなディスプレイでどう表示されるかによって、実際の表示サイズが変わるからです。 ちなみに、16ピクセルの文字は、XGA（1024×768ピクセル）の15インチ液晶では4.8mmの大きさになります。手元にあった新聞の本文文字サイズを測ってみると1
IE上でローカルページ内のFlashやJavaScriptに警告が出る場合の対策 | colori
いらっしゃい。ここは武器屋だ。 じゃなくて、、Internet Explorer SP2以降から採用されたスクリプト実行のセキュリティー対策のせいで、JavaScriptを使ってFlash(swf)を埋め込んだWebページで警告が出てしまう場合の対策について説明します。 IE7でも出てますから、この先ずっと採用されていくのでしょうかねぇ… Mark of the Web (MOTW) を埋め込みましょう いきなり結論ですが、Mark of the Web(MOTW)コードをWebページ内に埋め込みます。 以下の記述をDOCTYPE宣言の下に追加してください。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
Webサイトデザインをユーザに選んでもらう方法 - Google | エンタープライズ | マイコミジャーナル
Picasa download button - design winner rather than link Official Google Blog - Make sense of your site: tips for webpage designにおいてWebサイトのデザインを選ぶ方法が紹介されている。Webサイトデザインは販売目的であったり情報の収集であったり、そのサイトの目的の実現に直結する要因のひとつだ。デザインがよければ目的を実現しやすくなり、誤ればユーザはすぐにどこかに消えてしまう。 サイトのデザインはアイコンや写真の入れ替えといった小さい変更から、全体のレイアウト変更やカラースキーマの変更まで多種多様といえる。多くの指針があるが、Make sense of your site: tips for webpage designではサイトをおとずれたユーザの反応を分析するこ
RSSフィードを考慮したデザインのすゝめ at ブログヘラルド
3月 18日 at 5:30 pm by ジョナサン ベイリー - ブロガーならいずれは抱えることになる問題である。ブロガー達は、ブログのコンポジションパネルを使い、細かいところまで気を配り、美しいエントリをデザインする。そして、投稿した後、RSSリーダーを開き、醜い惨状を目にすることになるのだ。 これは単純な問題である。RSSフィードは、ウェブページの進んだデザイン技術および位置調整技術を受け入れていない。RSSフィードは、CSSもJavaScript（例外はある）にも対応せず、作品のフォーマットを基本的なHTMLに頼っている。 そのため、デザイナーがウェブページとエントリを最新のブラウザーに合わせて作成しても、RSSリーダーは必要最低限の装備しか持たないため、台無しにされてしまうのだ。 どうすればこの問題を解決することが出来るのだろうか？そこで今回は、頻繁に発生する問題の幾つかを乗り切
イケてる携帯サイトのデザインを一堂に集めたサイト | ライフハッカー・ジャパン
ライフハッカーみたいなサイトを運営していると、各所からさまざまなプレッシャーをかけられるんです。 たとえば、社長から携帯サイト化しろだとか、もしくは社長から携帯サイト化しろだとか、はたまた社長から携帯サイト化しろだとか...。ま、こうなると、「やったことないしなー」とか、「お金かかるし...」とか、「ぶっちゃけ面倒」などという「いいわけ」をグッと押し込み、形だけでも進めている素振りを見せなきゃいけないわけですな。でも、経験がないから、どこから手をつけて良いのやら、さっぱりわからない。そんなときに、とっても役立つサイトが「モバイルデザインアーカイブ」なんです。 アーカイブされているのは、その名の通り、各種企業の携帯サイトのデザインばかり。BMWやH＆Mなど、超有名企業の超優良デザインを山ほど閲覧できちゃうわけですよ。さらに便利なのは、一部のサイトだけですが、実際にPC上で体験できること。3G
"吹き出し"を画像使わずにCSSで作る方法 | エンタープライズ | マイコミジャーナル
Filament Group ツールティップとしての吹き出しエフェクトはWebページでは広く使われるようになったUIのひとつだ。吹き出しの四隅は丸みを帯びて角の外側は透過表示になり、吹き出しを示すための小さい突起がついているところに特徴がある。多くの場合で背景画像がこれらUIを実現するために使われる。 Filament Groupにおいて、これに背景画像を使わずCSSと若干のHTML、それに多少のJavaScriptを使って実現する例がImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?として紹介されている。Filament GroupではjQuery UIウィジェットの開発中にこの問題にあたり、CSSで多角形を描画するためのよく知られたトリックといくつかの工夫を凝らすことでこれを実現したと説明している。 背景画像を使わないで
ブログをカスタマイズして、実質HPのように上手に使っている例を教えてください。…
ブログをカスタマイズして、実質HPのように上手に使っている例を教えてください。 見せ方、工夫、独自性など、その魅力を分析説明をいただけるとありがたいです。
アイコンの効果的な使い方を実例から学ぶチュートリアル | コリス
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
デザイナーのための素材サイト13選 – creamu
デザインに使える素材を探している。 そんなときにおすすめなのが、『13 Most Desirable Collection Of Free Resources For Every Designer』。デザイナーのための素材サイト13選だ。 以下にいくつかご紹介。 » フリーのデザインテンプレート&PSDファイル45選 » フリーのさびた金属のテクスチャ50選 » クオリティの高いWordPress2.7のテーマ15選 » あなたのブログを魅力的にするWordPressのプラグイン15選 » フリーのPhotoshopパターン集 » Webデザインに使えるフリーアイコンやPSDファイル45選 » 無料で使える背景パターンジェネレータ12選 その他のリストは以下から。 » 13 Most Desirable Collection Of Free Resources For Every Desi
IEのみに適用させるIF
IEのみに有効なif構文。 head内に記述することで、CSSやJavascript等をIEだけに適用させることが出来る。 <!--[if lte IE 5.5000]>IE5.5以下に適用< ![endif]--> <!--[if IE 5 | IE 6]>IE5〜6に適用< ![endif]--> <!--[if lt IE 7]>IE7以外に適用< ![endif]--> <!--[if gte IE 7]>IE7以上に適用< ![endif]--> ▼こう書くとIE７以外にhoge.jsが有効になる。 <!--[if lt IE 7]> <script typ="text/javascript" scr="hoge.js"></script> <
Web Style
The Purposes of E-commerce Website and Web format Since the importance of eCommerce internet site is growing bizarre and fantastic, the importance of e-commerce internet format also is growing. Before going to talk about more or less E-commerce internet format, everybody ought to necessarily notice more or less e-commerce internet site, and its services and products. Here are a few compulsory diff
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
[WEB DESIGN] 50 Minimal Sites - ミニマルデザインのサイト
[WEB DESIGN] 50 Minimal Sites – ミニマルデザインのサイト Pocket Tweet ミニマルなデザインのウェブサイト50個が紹介されてます。贅肉をそぎ落としたような、いわゆる引き算のデザイン。デザイン的にはタイポや1点モノのイラストなどに比重が置かれてて、コーディング面ではテキスト率が高いなぁという印象。自分の場合こういうのを“ウェブ的”だなぁってしみじみ思うんですが、けど見方を変えればそれはデザイナーのためのデザインだとも言えます。大衆性とデザイナーの考える美徳とのジレンマ。ほらね、たまにはなんだかソレっぽい事も言うでしょ俺？ 50 Minimal Sites >>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/01/grunge-design.html
http://e0166nt.com/blog-entry-583.html
Web ページを高速化する
[DESIGN] 42 Free Online Magazines for Designers - デザイナーのためのオンラインマガジン
http://www.designwalker.com/2009/02/jquery-dropdown.html
