ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手
Free mini pixel iconsというエントリーより。 Vitaly Friedman has a round-up of places you can get free mini pixel icons. Lifehackerで、フリーで使える小さいピクセルのアイコン集を集めているサイトが紹介されていました。 Vitaly Friedman’s Notebook: Icons Round-Up: Free Mini Pixel Iconsがそれです。 以下のようなサイトが紹介されています。 ・Mini Pixel Icons ・Sweetie Icons ・FamFamFam ・The Iconfactory ・Iconbuffet.com ・Symbole, Buttons und Icons zum Download ・graphicPUSH Blog Icon Pack
趣味のWebデザインより。 NN4 には CSS を読み込ませない（定石） ブラウザのデフォルトスタイルを殺す（定石）* /* 全指定 */ {margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal; text-decoration:none; color:#適当; background:transparent;} img 要素に vertical-align:bottom; と border:none; を指定（定石） line-height は数値のみを指定（定石／em や % で指定するのは問題の元） width を指定した要素に padding と border を指定しない（旧 IE と互換モードへの対策） height を指定した要素に padding と border を指定しない（
Part of the ACTIVE APPAREL GROUP LIMITED | Company No: 11173403 | VAT No: 927246610 | ©Shock Absorber
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
アイコンは確かにソフト開発者は勿論、結構デザインとかにこだわりたい方も大勢いらっしゃる気がするんで、なかなか流行りそうですね！ やっべー、ウノウ合宿楽しそうっす！！ 俺もとりあえず未踏やらないと！！！ ネタ探しで苦戦してますけど・・・orz http://www.99tvb.com 窒継窮唹 http://www.99tvb.net 壓㞍窮唹 http://www.rhuu.com 費拶嚔赤 http://pic.rhuu.com 費拶胆溺夕頭 http://dmm001.googlepages.com/2910.htm 爾秤溺隻 http://dmm001.googlepages.com/2911.htm 爾秤夕頭 http://dmm001.googlepages.com/2733.htm 窒継撹繁窮唹 http://dmm001.googlep
CSS tips and tricks at The Blog Herald CSSを書く際の5つのテクニック。 1. サイズ指定の際はピクセルを使うな。 body { font-size: 62.5% } p { font-size: 1.2em; line-height: 1.5em; } px指定してしまうとブラウザの文字サイズに反応しなくなってしまうというやつですね。 2. 階層構造はインデントして読みやすくしよう h1 {} h1#logo { font-size: 2em; color: #000; } h2 {} h2.title { font-size: 1.8em; font-weight: normal; } 確かに、これは分かりやすいかもしれません。今後導入しようと思います。 3. セクションごとにコメントを入れて構造化しよう /* Structure */ ...
画像にalt属性を よく「画像にはalt属性をつけましょう」というフレーズを耳にするかと思いますが、これはサイトのアクセシビリティ改善における対応のうち、もっともメジャーなものであるといえます。WAIのアクセシビリティガイドラインであるWCAG1.0には「テーブルをレイアウトに使ってはいけません」というような内容の項目もありますが、これに対して「よっしゃ、テーブルを使うのをやめよう」とあっさりと決断してサックリとそのように作り変えることなど、ほとんどのサイトにおいて無茶な話でしょう。しかし「すべての画像にalt属性をつけよう」というのはアクセシビリティの対応要件に必ずといって良いほど含まれます。これなら、たとえ数千ページある規模のサイトであっても、とりあえず機械的な処理であるとか、人海戦術であるとかでも何とかなりそうだから……と思うからかもしれません。 たまにalt属性のことをaltタグと
「フリーフォント最前線」は2020年6月30日をもって公開終了となりました。 今までのご愛顧、ご協力ありがとうございました。
別にNikonに恨みがあるわけでもないが、あまりにあんまりなのでさくっとReview。大手企業がネット商売に乗り出すとだいたいやるミスを片っ端から犯しているので、文末に箇条書きにしてみた。本Blogを閲覧している大手電気メーカーの方はしっかりと目を通して同じ過ちを繰り返さないようにしてほしい。 まずはユーザビリティ観点で、デフォルト設定に大問題があるので真っ先に指摘しておく。デフォルトでは「撮った写真をDirectにWeb Albumにアップする」ことはできるが「撮った写真をWiFiでネットに即公開！」は出来ないので注意！どういうことかというと、アップはできるがテンポラリフォルダに格納されるのみで、PCからニコン・オンラインアルバムにログインして「テンポラリにUPしたファイルの中からこれとこれを公開」という操作をしなければ公開できないのだ。「つくるモード」→「カメラからのアップロード設定」
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
