2009年3月30日 先日、背面の液晶がすべてタッチパネルになっているデジタルカメラ(SONY DSC-T300)を触る機会がありました。 背面にはタッチパネル液晶しかなく、たくさんアイコンが描いてあるので、間違って変なところを押してしまったらいやだなあ…と思いつつ、恐る恐る構えてみたのですが、そこであることに気がつきました。
2009年3月30日 先日、背面の液晶がすべてタッチパネルになっているデジタルカメラ(SONY DSC-T300)を触る機会がありました。 背面にはタッチパネル液晶しかなく、たくさんアイコンが描いてあるので、間違って変なところを押してしまったらいやだなあ…と思いつつ、恐る恐る構えてみたのですが、そこであることに気がつきました。
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。
今日は、笑えない話です。 あるサイトがGoogleから消されてしまいました。 Googleのウェブマスターツールを使っていると、添付画像のような警告が来ます。 経験された方は少ないと思いますが、参考にして下さい。 実はこのサイト、ガイドラインに違反してるとは思えないサイトなのです。 隠しテキストやリダイレクト、不正なプログラム… 何もない。 でも、「え、もしかしてコレ?」というのを発見しました。 メニューにテキストではなく、画像を使い、マウスの動きでbackgroundを変化させていました。リストタグで画像を並べているので、メニューのテキストが、そのままでは上に乗ってしまいます。それを回避するために、 text-indent: -9999px としてテキストが見えないようにしていました。 コレは、SEOがどうこうと言うことではなく、CSSでコーディングするのに仕方なく
画像編集ソフト「GIMP」に搭載された強力な機能を活用すれば、写真を面白おかしく改造するのも、イケメン写真を捏造するのもお手の物だ。「なにやらズゴイらしいけど、使い方を覚えるのが大変そう」などとGIMPの導入に二の足を踏んでいた人も、この記事を参考にして、ぜひコラ画像作成に挑戦しよう。 GIMP 徹底活用ガイド 2009 (インプレスムック エムディエヌ・ムック)(MdN) ¥1,575 マーケットプレイス 新品最安値:¥1,575(+送料) (価格は2009/02/04 18:37時点のものです) ダウンロード&インストール まずはGIMPをダウンロードしよう。現在の最新バージョンは2.6.4だ。リンク先ではインストールの手順を説明している。 詳細はこちら→市販ソフト顔負けの高機能フォトレタッチソフト GIMP for Windows 基礎:GIMPで写真に落書きをする/人物を切り抜
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。 でもカードローンって本当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。 実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ!口座引き落とし
UI.Layoutは、可変タイプのパネルをベースとした自由なインターフェイスを実装できるスクリプトです。 UI.Layout – The Ultimate Page Layout Manager demo(UI Accordion) 上記のデモでは、アコーディオン型のパネルをはじめ、サイズ変更や開閉できるパネルが実装されています。 デモは他にも多数あります。 デモ:ミニマム デモ:シンプル デモ:ネスト デモ:複雑なネスト デモ:アコーディオン デモ:ドロップパネル デモ:フレーム UI.LayoutはjQueryのプラグインのため、実装にはjquery.js、アコーディオンなどのエフェクトにはjQuery UIが必要です。 下記のページから全てのファイルがダウンロードできます。 UI.Layout Plug-in & Related Downloads
うごメモはてな 気づいたら3ヶ月ぶりになります。久々です。 ちょうど前回の日記を更新した頃からうごメモはてなのプロトタイプ作成が始まったのですが、プレサイトがオープンしました。 まだ、正式リリース前ですが少しだけデザインの話に触れようと思います。周囲に、今回のデザインは「はてなっぽくないね」と何度か言われたのですが、プロトタイプを作っている頃は、どんなサービスになるかも、それがはてなブランドでリリースするのかも決まっていなかったので、サービスそのものを楽しんでもらえることを最優先してデザインし、既存サービスとの整合性は後から調整を加えました。 また、ブックマークやキーワードと同じく背景が変更できるのですが、うごメモはてなの場合、背景色でなく背景シチュエーションです。id:jkondoからの「芝生とかどう?」という提案で、デフォルトが芝生ということが決まったのですが、その他に、子どもたちが普
Download and open the 'Processing' application. Select something from the Examples. Hit the Run button. Lather, rinse, repeat as necessary. More information on using Processing itself is can be found in the environment section of the reference. To learn the Processing language, we recommend you try a few of the built-in examples, and check out the reference. A group of diverse books have been writ
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに1ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く