ユーザ・インターフェイス標準化からパクリは擁護できる - 半可思惟
ヤコブ・ニールセンのAlertbox -そのデザイン、間違ってます- (RD Books)を読んで面白いな、と思ったのは以下の指摘でした。 デザイン標準に従うということは、単にユーザに伝えたいことをより確実に伝える上で役立つという意味しかない。ドキュメントを作成するときには、自分で編み出した言葉を使うのではなく、英語の単語を使うというのと同じだ。どのようなストーリーを語るのか、デザイン要素をどうやって組み合わせるかは自分が決めるのである。 前掲書 pp105-106 ここで言う標準化されたデザイン要素というのは、「ページ左上にロゴを配置する」「ホームページに検索ボックスを設ける」「ショッピングカートへのリンクを右上に配置する」などユーザが特定の動作を期待する要素のことです。 このユーザ・インターフェイスの標準化をニールセンが推奨しているのは、 ユーザがウェブ全体を大きなひとつの資源のかたま
GrayBit v1.0: Grayscale Conversion Contrast Accessibility Tool - Main Page - Presented by GrayBit
What’s GrayBit Do? GrayBit is an online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast. More Info » How’s GrayBit Work? In the supplied GrayBit form, enter the URL of a page you wish to test. Submit the form. Wait for results.
ページ作成のテクニックをまとめた「20 pro tips」が公開されています - PHPプロ！ニュース
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
Top 69 CSS Menus Navigation Tabs : Ultimate Web Developer Lists : eConsultant
Web Developer Lists : eConsultant Top links, resources, services and tools for web developers and web designers. Next Post : Top 14 CSS Must-Read Blogs Websites Previous Posts : Fonts IndexGoogle Search IndexGraphics IndexRSS Feeds IndexSite Tools IndexSoftware IndexSound IndexTypography IndexUsability IndexWeb Design Index 84 Responses to “Top 71 CSS Menus Navigation Tabs” Core Technologies Inde
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
オンラインから使えるCSS最適化ツール:phpspot開発日誌
Clean CSS - A Resource for Web Designers - Optmize and Format your CSS the same selectors and properties are automatically merged your code should be well-formed. This is no validator which points out errors in your CSS code. To make sure that your code is valid, use the W3C Validator. オンラインから使えるCSS最適化ツール。 ファイルサイズの削減や記法の統一に使えます。 具体的には次のような変更が加えられ、行頭のスペースも除去されたものが出力されます。 "#EEEEEE" → "#EEE" "white"
Web 開発用に Firefox を拡張する
The article was originally posted by Fini Alring for his own weblog on 3rd September, 2005. The original article and this translation are licensed under a Creative Commons License. Mozilla Firefox ブラウザ は単体でも、おそらく最も素晴らしい Web ブラウザだろう。しかし、Firefox 1.0 の登場以来培われてきた拡張機能のおかげで、いまでは間違いなくキラーアプリケーションになったといえる。Web 開発者にとっては、分析、デバッグ、そして検証用の究極のツールだし、ユーザにとっては、個々のニーズを満たしてくれるブラウザにするための素晴らしい基礎を提供してくれる。 ここで、なくてはならない拡張機
Emblematiq :: To Anti-alias or Not To anti-alias?
This is where Lucian writes about design, coding, business, the web, and other stuff. Occasionally he also posts some of the photos he takes. Before Internet Explorer 7 and Windows Vista, web text on PCs looked significantly different than it did on Macs. That was because OS X has long employed an anti-aliasing engine, named Quartz, I believe, whereas Windows XP and all previous versions displayed
「美乳」で文字化けが直るって本当？
・「美乳」で文字化けが直るって本当？ オンラインＤＶＤ＆ＣＤレンタルなら月々1980円で借り放題のＤＭＭがお得！ えっ？ って聞きなおしたくなるようなタイトルですが、「この『美乳』という文字をヘッダー部分にコメントとして挿入しておくと、文字化けが直る」という話は確かに存在します。ただし、これは大前提としてEUC-JPのページを作成するならば、という話になります。 <HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset=EUC-JP"> <!-- 美乳 --> <TITLE>テスト1</TITLE> </HEAD> <BODY bgcolor="#FFFFFF"> このページはアダルトサイトとは無縁です。ヌード画像などは一切ありません。 </BODY> </HTML> では、なぜ、この「美乳」がおまじない
LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox:phpspot開発日誌
Ryan J Lowe’s Dev Blog Blog Archive LITBox LITBox 2.0 has just been released. This version of LITBox is basically a few modifications of Thickbox made into a Prototype class based off of the Scriptaculous. LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox。 LightBox2同様、prototype.jsとscriptaculous.jsをベースにクラスベースでコーディングされていて、使い方は簡単です。 必要なスクリプト/CSSを読み込んだ後、次のようにonclickイベントでnewするだけです。 <input type="button" onclick="new L
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webクリエイターを支援するシリコンカフェホームページ
GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
银川咨韵文化传播有限公司