スタートアップ SVG：第4回 SVGを活用する｜gihyo.jp … 技術評論社
第1回はSVGの基礎知識を、第2回と第3回でIE9がサポートする範囲（予定含む）を中心にSVGの書き方を解説しました。最終回となる今回はSVGを実際に活用していく上でのノウハウを解説したいと思います。 HTMLなページへのSVGの埋め込みテクニック 第1回で解説しましたが、SVGは画像フォーマットでもあり、InkScapeなどのグラフィカルなインターフェースを持ったアプリケーションで作成することができます。そのsvgファイルをページに読み込むにはobjectタグを使う方法が一般的です。しかし、この方法ではobjectタグはiframeのように親ページと子ページで独立したDOMを構築するため、SVGを動的に扱いたい場合には適しません。そういった場合、svgファイルをXMLHttpRequestで読み込む方法がオススメです。 まずはシンプルにresponseXMLを使う方法です。この方法はFi
可変グリッド（リキッド）レイアウト | Webデザイン フリーフォント Prismtone
可変グリッド（リキッド）レイアウト、ちょっと気になってます。 ざっとご紹介。 ...見づらいのではないか。 と、今は言いますが、こういうサイトがもっと多くなってきたら、意外と見慣れてきて順応するんじゃないかなぁとも思います。 もちろん、デザインとして情報に強弱があったほうが見やすくわかりやすいという原則はあるはずなので、文字のジャンプ率が低く、フォーマットが統一されているこれらのサイトは、すべての情報が並列に見えがちかなと感じます。 こういう場合は、「写真・枠の大きさ」「色」「表示位置が上なのか下なのか」あたりで、強弱・メリハリつけてく感じなんですかね。 色でのメリハリは出してるサイトはないように思います。日経と丸の内はグルーピングとして色使っているけど。 情報が古いor優先度が低い場合、文字色とか不透明度下げるとかも、意外とおもしろいのではないかと。 枠の形がきっちり決まってる分、それく
JavaScriptによるユーザビリティ向上 - ウェブユーザビリティ.JP
最近あまり時間が取れないこともあり、便利なJavaScriptの紹介記事が多くなってしまっているので、自分なりの見解を書いておこうと思います。 JavaScirptを使って視覚的に効果のある演出を行ったり、ユーザビリティを向上させるということに対しては、どちらかと言うと肯定的な考えを持っています。 一方、ブラウザ依存があることや、Webの操作に慣れていない人・ハンディを持つ方などには敷居が高くなるということも、充分に理解しなければいけないと思っています。 便利だから何でも使うというのではなく、何かしらのポリシーを持った上で効果的に使わないと意味が無いものになってしまいます。 最終的な判断基準としては、 そのシステムの対象ユーザーとして想定されるペルソナはどんな人か？ この機能が使えない（または代替手段を使わざるを得ない）場合に、どれくらいのロスが発生するか？ というようなことを考える必
ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介
yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？ 「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ
??????????????????????
ビジネスサイトのWEB担当者なら、申込み・購入・資料請求・問合せなどなど、 アクセスしてくれたユーザーの１人でも多くに何らかのアクションを起こして欲しいです。 「一生懸命キレイに作っているのに、反響率がイマイチ！ ちっくしょー」 以下は、そんな時にデザイン面で見直してみるポイントの１つ。 クリックボタンデザインに関するTipsです。 まずは、Gigazineの、2009年1月6日の記事、 秀逸なユーザビリティのボタンをデザインするための5つの秘伝 から引用させていただきます。 Web Design Trends: Call To Action Buttons（英語）の 紹介記事ですが、判りやすい日本語に訳出してくださってます。 ■秘伝その1：色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2：場所
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
http://oalp.org/doc/nilesen/?q=doc/nilesen.html
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
ESPORT เกมยิงซอมบี้ เกม ทํา อาหาร GTASan hayday pc เกมงูกินหาง
7 เว็บ เกมส์ออนไลน์ เว็บชั้นนำที่ดีที่สุด แตกง่าย จ่ายจริง Srandroid บาคาร่าออนไลน์ เกมฮอตฮิต จับคู่ภาพ เกมออฟไลน์ pepsiman online เกมออฟไลน์ pc เกม slot แตกง่าย spade gaming สล็อต counter strike xtreme v6 สล็อตออนไลน์แมวเหมียว นำโชค ทดลองเล่นฟรี สล็อต pgslot99 เป็นแพลตฟอร์ม เกมออนไลน์ ที่น่าทึ่ง ที่ให้ผู้ใช้ เล่นสล็อตโดย ไม่ต้องลงทุนใดๆก็ตามผู้ใช้สามารถใช้ เครดิตฟรีเพื่อเล่นสล็อต ที่หลากหลายด้วยธ
Flashのように滑らかなアニメーションを実装するには(uupaa.js vs jQueryデモ) - latest log
JavaScript で Flash のような滑らかなアニメーションを行うためには、クロスブラウザな知識の他に、GC(ガベージコレクション)や「どうすれば安定した品質がだせるのか」といったスキルが求められます。 # GC の話は WEB+DB PRESS 57 でちょっと書いてます。 派手目なアニメーションが目的で jQuery を採用している方もいるとは思いますが、実は uupaa.js でも アニメーションや easing が利用できるんです。あらびっくり。 ただ「機能がありますよ〜」だと、さみしいので みんな大好き jQuery と uupaa.js のアニメーションの品質の違いが分かるようなデモを作成してみました。 iPhone/iPad や、IE6〜IE8で opacity を切り替えて見ると、ハッキリと違いが分かると思います。 http://jsdo.it/uupaa/uufx
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gerenuk.crazyphoto.org/2009/06/10/600/