mixiはどうしようもなくダメダメ、なのかもしれない
http://blawat2015.no-ip.com/~mieki256/diary/200609254.html#200609254 UI が腐ってるのは確かな気はする。 - 1日分の日記を「開く」「閉じる」ために、マウスクリックが2回。 - それを、30日 x 5ヶ月分、繰り返す。 - かつ、自分の場合、8人の友人がマイミク登録されてるから…。 つまり単純計算で、 - 1,200回のマウスクリックにより、 - 1,200個のタブを開いて、 - さらに1,200回のマウスクリックでタブを閉じて、 ようやく目を通すことができた。と言うことになる。 でも時間泥棒的インターフェイスってなぜか一般人には ウケるんだよね。 たとえば Excel とか。 あー、2ch とかも良いインターフェイスじゃないよな。 マウスを単純にクリックをさせる、みたいなインターフェイスって、 ユーザーが何かをした気に
Webデザイン エンジニアリング第24回 色コンプレックスを克服する方法：ITpro
実は多くの人が，「色」の扱い方――色の選び方，色の作り方，色の使い方など――を不得意に感じているようです。かくいう私も決して得意ではありません。そこで今回は，そういった色コンプレックスを克服する方法を取り上げてみましょう。 ▼原因を知る（自分に能力がないわけではないと知る） 全くの個人的意見ですが，多くの人が色にコンプレックスを持つ理由は，小学校教育にあるのではないかと疑っています。もう少し具体的に書くと，「12色の絵の具」です。 中でも「緑＝ビリジアン」が一番罪深い存在だと私は思っています。誰でも，野外の風景を描かされた記憶はあるでしょう。しかし，木々の緑や小さな野の花を描こうとしたときに，ある「壁」にぶつかったことはないでしょうか。 それは，自分の見ている「緑」と，パレットで作っている「緑」とのギャップです。ビリジアンに様々な色を混ぜ合わせて試してみるのですが，自然界の「緑」には程遠い
antipop - livedoor Reader と GMal に見る、大量のチェックボックス処理 UI における革新的工夫について
HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 萩原舞 有原栞菜 これぐらいの量だったら、選択するにせよ解除するにせよ、まぁたいしたことはないかもしれませんが、もし、選択項目が数十あるいは数百あったらどうでしょうか。激しくめんどくさいですよね。 世界的に優れたフィードリーダである livedoor Reader は、フィードリーダとしての使い勝手は当然として、そんなところにも実は気を配っていたりします。 たとえば、LDR のおすすめフィード登録画面「アルファブロガーズ」を見てみると(livedoor ID でログインする必要があります)、アルファブロガーさんのブログが数十個表示されるのですが、これを選択または解除するに際して、チェッ
Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
Webサイトを設計する際，「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから，色の変更指示で不眠開発になるという話は，いまだ昔話にはなっていません。 色の問題を解決するためには，色についての知識があったほうが助かります。ただし，色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で，色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて，我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば，赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり，黄色の標識を目にすると周囲に対して少し注意力をはらったり
Lucky bag: : blog: 背景画像に使える透過 GIF
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
「使える、使いやすい、使いたい」と思えるUIとは？ - @IT
最新トレンドやキーワードをわかりやすく解説 WCR Watch ［15］ 「使える、使いやすい、使いたい」 と思えるUIとは？ アドビシステムズ 上条 晃宏 2006/8/31 ここ数年、リッチクライアント技術としてFlashやFlexを採用する例が急速に増加している。この状況の背景としては、アプリケーション開発における“使いやすさ”の実現が重要な要件の1つとして認知されつつあることが挙げられるだろう。 しかし、単にFlash／Flexを使ったからといって使い勝手の良いユーザーインターフェイスができるわけではない。例えば、使いにくかった画面を“そのまま”Flexで置き換えたとしたら、従来からの問題点も再現することになる。これでは改善は望めない。画面設計を行う側にも使いやすさを実現するためのアプローチが求められるだろう。 ここで注目されるのがエクスペリエンスデザイン（XD）だ。エクスペリエン
PHPタグクラウドのチュートリアル:phpspot開発日誌
PHP Tag Cloud Tutorial | Prism-Perfect.net Well, it's actually so simple it's not really a tutorial at all so much as a snippet with a bit of explanation. But I've had some people ask how it's done, so here's how I do it.PHPでMySQLからデータを取ってタグクラウドを作成するサンプルが公開されています。 MySQLテーブルのテーブル名とカラム名(id,クラウド対象カラム名)、 そしてフォントの最大サイズ、最小サイズを指定することで簡単にタグクラウドが生成できます。 次が出力されるタグクラウドのサンプル例 「PHP用タグクラウド生成ライブラリ（HTML_TagCloud）
WP Garden - Things To Remember While Choosing A WordPress Theme
Many people prefer WordPress themes because you can use them to create any website that you require. Let us look at the factors you should consider when choosing a WordPress theme. This is because if you want to get the most out of the theme, then you should choose the right one. Price The price of a product is very important whether you are buying WordPress themes or any other item. There are bot
JavaScript 不要なサイドメニューのツリー化 for Movable Type
Movable Type で JavaScript を用いずにサイドメニューのリストをツリー化するカスタマイズです。 以前、「サイドメニューのツリー化スクリプト（改）」という記事で Movable Type の各リストを JavaScript を用いてツリー化するカスタマイズを紹介しておりますが、3.2 以降で新しいMTタグ *1 が追加されたことで、ほとんど全てのリストについて、JavaScript を使用せずにツリー化が可能であることが判明しました。 この方法は JavaScript を用いたカスタマイズと比較して、下記のメリットがあります。 ブラウザで JavaScript を OFF にしている場合でもツリー表示が可能 JavaScript 起動による表示遅延がなし JavaScript 関連のカスタマイズが不要 ということで、Movable Type のツリー化については本エント
Color Codes Matching Chart HTML (Pantone, CMYK, RGB Hex)
Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from these CMYK colors obtain the matching, original RGB codes. However, conversion of CMYK c
第11回 プログラマが知らない，デザイナーの苦労
今回は，デザイナーとして，世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには，大いに賛同していただける内容になっているはずだ。 デザイナーだって，タイヘンなんだ！ まず，デザイナーという仕事は，非常に誤解されやすい。例えば次のような誤解をうけて，暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1) デザイナーという職種に対する，先入観がある 世間（顧客やエンドユーザー）には，「すべてのデザイナー」＝「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然，むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから，デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。
Web 2.0 V2 BETA
New condos present a compelling option When securing a profitable investment in today’s ever-evolving real estate market. Whether you’re a seasoned investor or just starting, understanding the benefits of this property type is crucial for making informed decisions. With the launch of exciting projects like Nava Grove new launch, now might be the perfect time to consider investing in a new condo. B
フリーフォント最前線
「フリーフォント最前線」は2020年6月30日をもって公開終了となりました。 今までのご愛顧、ご協力ありがとうございました。
エレベータのUI
Ognacの雑感 木漏れ日々 目次 ホーム 連絡をする RSS Login Blog 利用状況 投稿数 - 1487 記事 - 0 コメント - 45685 トラックバック - 143 書庫 2014年5月 (6) 2014年4月 (13) 2014年3月 (14) 2014年2月 (12) 2014年1月 (12) 2013年12月 (13) 2013年11月 (13) 2013年10月 (11) 2013年9月 (13) 2013年8月 (14) 2013年7月 (13) 2013年6月 (14) 2013年5月 (15) 2013年4月 (13) 2013年3月 (14) 2013年2月 (13) 2013年1月 (15) 2012年12月 (14) 2012年11月 (14) 2012年10月 (15) 2012年9月 (14) 2012年8月 (13) 2012年7月 (13)
hbkr : ハバカリ | やめてない
kazuma ieiri, イエイリカズマ,家入一真OpenPNEの手嶋社長のインタビュー。はてブにも書いたけど、「レイアウトが似てるが著作権的に大丈夫か」という問いに対しての「ゼロから書いたので大丈夫」に愕然。かつて、jugemのテンプレデザインを某メルマガ会社の社長が自身のブログで丸パクリした上に、指摘すると「うだうだ言ってんじゃねえよ」的な逆切れエントリーを書かれて小心者の僕は戦意喪失してしまった事がある（思い出したら腹立ってきた）。要するにデザインやレイアウトなどの”見た目”ってまだまだ軽視されてるんだなあと悲しくなっちゃうってことです。トップがそこを意識しないといつまでもダサい会社のままだよ。livedoorがflickrのデザインをパクった時に「戦略的にアリ」なんて発言をしてる人たちもいたけど僕は許せない（その発言にも嫌悪を覚える）。デザイナーがどんだけ考えて作ってるか考えてみ
（ＢＬＯＧ）リンク・フォーカス時の点線が画面外まで拡張される問題
text-indent: -xxxxemの弊害 CSSを使ってJavascriptのロールオーバーイメージを実現する方法は既に一般的になって、あちこちのサイトでも見られるようになりました。 ところが、問題点をいくつか見つけたので書いておきます。 自分のサイトの粗が出る「諸刃の刃」のような記事になりそうで本当は書きたくなかったんですが... まずはじめにCSS背景切り替えの概要Firefox1.5でクリックした時に左に長い点線の枠が出現するタブキーで現在位置が分からなくなる解決策というより、気休め的な方法過剰な見栄え制御決定的な回避策(アクセシビリティ向上案) まずはじめにCSS背景切り替えの概要 あちこちのサイトやCSS関連の書籍で紹介されていると思いますので、ここでは軽く書きます。 リンクの画像にマウスが重なるとその画像が切り替わるという仕掛けです。 このサイトのヘッダー部分にあるナビゲ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
電脳狂想曲 レイアウトの小技
Web 2.0カラーパレット:phpspot開発日誌
簡単に2.0っぽいロゴがつくれるメーカー | IDEA*IDEA