ウェブの入力フォームのユーザビリティは、リセットボタンを取り除くことで向上するはずだ。同様に、キャンセルボタンもウェブ上ではほとんど価値がない。 どんな状況からも脱出できるように「非常出口」を用意し、ユーザの主導権と自由を守ろうというのが、操作デザインにおける基本的発見のひとつである。アンドゥ（取り消し：元に戻す）は、ユーザビリティにおける真の偉大な進歩だった。 基本法則には、アンドゥできるようにせよ、とある。しかし、どのようにやればいいのか、についての指示はない。ユーザーインタフェースのタイプに合わせた具体的な法則が必要とされている。 ウィンドウを基本とするGUIアプリケーションでは、キャンセルボタンを用意して、どんなダイアログボックスでも、そこでユーザーが行ったあらゆる変更を無視して閉じられるようにしておくのが標準だ。あれこれ試してみながら学習するには、とても都合のよい方法である。いっ

ドットインストール代表のライフハックブログ

Making your own Web template has never been easier. Our free online editor makes it a matter of minutes. No software to install. No Photoshop needed. No tricky PSD to HTML conversion required. No design service to pay. All you need is there to create a stunning custom Web design ready for download. It's quick, easy and fun ! All parts of your template can be customized. From header to footer, acce

海外の WEB2.0 系サイトのデザインを見ていると、どこかしら似ていると感じることが多いと思います。「カドが丸い」「ロゴが反射している」などなど、これまでも様々な点が指摘されてきましたが、最近のトレンドは「クリーンな水平分割」なんだとか： ■ Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided (StyleIgnite.com) 「クリーンな水平分割」とは、StyleIgnite による造語。しかしこの表現がピッタリだということは、例に挙げられているサイトを見れば一目瞭然です： ■ shoeboxed.com 上の画像は、現時点でのキャプチャ。画面全体が大胆に水平分割されていて、余白スペースも大きく開けられていますね。まさしく「クリーンな水平分割」。 念

ドットインストール代表のライフハックブログ

普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10

久々普通のエントリーだ。 なんか、デジパの中の人が、Web標準の日々に出ちゃうらしいです。 この人→ネットのサラダボウル: Web標準の日々に参加します。 皆色々やってるなぁ～、ボクも負けてられんなぁ～ ソレとは関係ないけど、デジパの社員は半分くらいの人がブログ書いてるんすけど、Ｂ to Ａ　赤坂で働くWebコンサルタントの日記とかのエントリーで逆立ちって。。。。 皆色々やってるなぁ～、ボクも負けてられんなぁ～ さて、そろそろ本題に。 以前のエントリーでパンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種ってのを書いたんだけど、その後色んなサイトで書かれてたパンくずリストのエントリーや、コーディングコンテストのソース覗いてたりして、今後どうやってマークアップしてこうかなぁ～って悩んでた今日この頃。 そんな訳で、良いか悪いかは別として色々考えてみた。 ul要素でやってみ

Every once in a while we might find ourselves needing to get that “inset” or “beveled” look for text, probably more often for buttons and web design, than anything else. But whatever reason you might need or want inset text, here's a quick tip to get that effect without using a filter, effect, layer style or appearance. Why? By not using filters, your file is more solid and reliable, you can open