GitHub - rauchg/chromekit: HTML5 window chroming
Deliver a rich, desktop-like experience without a performance overhead Take advantage of the most modern technologies available today (HTML5, CSS3), specially those seen in the Webkit engine. Null (or next to null) image usage JavaScript framework agnosticism Incorporate behaviors and utilities observed in other desktop environments. Optimize for the most common functions: Dragging Minimize and ma
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
wxJavaScript
With wxJavaScript you can build GUI applications, dynamic web pages and system scripts in JavaScript What is wxJavaScript? wxJavaScript started as a project for porting wxWidgets to JavaScript. But now, wxJavaScript is a lot more. It has bindings for curl, sqlite, mysql, ... With mod_wxjs it can be used as an Apache module to write dynamic (x)html pages in JavaScript. It also contains a FastCGI pr
ウノウラボ Unoh Labs: Webサイトのテキストを読みやすくする
こんにちは！ 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら（？）仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、本当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ
Device 向けページ作成の肝 - saitonのブログ
Dev.Opera に Making Small Devices Look Great という記事が公開されている。1 ページ目の Quick Tips（要点）だけ、勝手に訳しておく。 コードを書く 簡潔で効率的なマークアップを心掛ける フレームは避ける ポップアップは避ける 独占的商用規格は避け、代替手段を用意する 画像には height と width を指定する 画像には代替テキストを用いる JavaScript や動きのある効果には代替手段を用意する テスト デスクトップ版 Opera のスモール・スクリーン表示でチェックする 画像をオフにしても伝わるか JavaScript をオフにして使えるか マウスなしで使えるか 小さな画面でのデザイン 文書の順番に配慮する 小さな画面でも最大の可読性を確保する 小さな画面に適した画像だけを用い、他は隠す 色、フォントの大きさ、配置に心を配る
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pictos
Google Code Archive - Long-term storage for Google Code Project Hosting.
Loading...
fitnesse.info - このウェブサイトは販売用です！ - Java software リソースおよび情報
Technologies for UI