X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記
2011-01-06: IE8ということを追記 & ちょっと間違いを修正。あけましておめでとうございます。 年明け早々ですが、Internet Explorerの話題です。IEはご存じの通り、Content-Type だけでなくコンテンツの内容なども sniff することでファイルタイプを決定しているため、画像ファイルやテキストファイルをHTMLと判定してしまい、クロスサイトスクリプティングが発生することが昔からたびたび報告されていました*1。現在は幾分マシになったとはいえ、IEのファイルタイプの判定アルゴリズムは非常に難解であり、現在でも状況によってはWebサイト運営者のまったく意図していないかたちでのXSSが発生する可能性があったりします。そういうわけで、IEがコンテンツを sniff してHTML以外のものをHTML扱いしてしまうことを防ぐために、動的にコンテンツを生成している場合に
前から気になってたHTML5について色々調べてみました - もとまか日記
先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。 てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTML5, きちんと。この記事だけで十分です。長くもなく、文字も少ないので非常に入りやすいです。 HTML5仕様関連一応ですが、仕様について。 HTML5.JP - 次世代HTML標準 HTML5情報サイトHTML 5 ― HTML 4 からの変更点 (http://www.w3.org/TR/html5-diff/ 日本語訳) 必要に応じてみればいいので、細かくは見てません。 基礎知識概要が理解出来
ユーザーの視線を誘導する３つのユーザビリティ改善方法
webサイトにおけるユーザーの視線は、なかなか見る事が出来ない代物ではあります。 実際に企業や、あなたが作成したwebサービスが、ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを考えて見ましょう。 １）全ての情報を遮断する 手っ取り早い方法としては、あらゆる情報を遮断する方法があります。 つまりその言いたい事意外の情報をあえて隠蔽するわけです。 実にシンプルな方法です。 ただし、シンプルであるがゆえに非常に難易度が高いです。 なぜなら、配置するテキスト選びは慎重にしなければなりませんし、訴えたい事が多い場合、何をまず訴えるべきかをしっかりと考えて、ユーザーが迷う事なく、そして的確な操作が出来るように誘導して上げる必要があるからです。 １）サービスに対して興味を少しだけ持ってもらう情報を書く ２）サービス開始はちょっと・・・という人のためにクリックしやすいリン
購買意欲をコントロールするサービス・商品の価格一覧表を作成する7つのテクニック
ウェブサービスの価格一覧表をサンプルにし、ユーザーの購買意欲をコントロールする価格一覧表を作成するテクニックを紹介します。 価格の一覧表を見るユーザーの一番の目的は、価格を知ることです。しかしながら、価格を強調しすぎて、お金を使うということを意識させすぎないでください。苦労して手に入れたお金を使っているように感じると、ユーザーはより使わないように思ってしまいます。 価格のデザインはソフトにし、それ自体の特徴やベネフィットにフォーカスをあてるようにします。 ユーザーがどの商品を選択するか決めている時に、あなたはその決め手として価格にフォーカスを合わせることを望んでいますか？ それとも特徴やベネフィットにフォーカスを合わせてほしいですか？ もし、ユーザーが価格にフォーカスを合わせるのであれば、それは最も安いものに決めるでしょう。しかし、特徴やベネフィットにフォーカスを合わせるのであれば、ユーザ
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回 デザインに使えるツール（1）はこちら 第2回 デザインに使えるツール（2）はこちら 第3回 デザインに使えるツール（3）はこちら 第4回 コーディングに使えるツール（1）はこちら 第5回 コーディングに使えるツ
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
もしも、 マークアップエンジニアが ひとりでWebサイトをつくったら ～HTML5でつくるWebアプリ～ - jsdo.it - Share JavaScript, HTML5 and CSS
9/23のセミナー登壇用に作成した資料です。 ※矢印キーの左右か、画面の両端をクリック、あるいはマウスホイールの上下でスライドが移動します。 // まずはページ幅取得 var width = document.documentElement.clientWidth; document.body.className = 'slidemode'; // フォントサイズ調整 document.body.style.fontSize = width / 5.5 + '%'; var slides = []; var SV = 'slide view'; var SR = 'slide right'; var SL = 'slide left'; // スライドの各ページを取得 // divタグのクラス名で判定 var divs = document.body.getElementsByTagNam
まずはここから！ 面白い映画の紹介記事まとめ - はてなニュース
過去の映画作品を見ることが、ますます容易になりつつあります。最近は、DMMレンタルやぽすれんなどのオンラインレンタルDVDサービスが盛んですね。先月末には、YouTubeに映画カテゴリーができて、無料で過去の映画作品400本をネット上で見られるようになりました。この便利な現代、良作に多く触れたいものです。面白い映画作品を紹介したエントリーをまとめます。 ■ 知っておくと話題に入りやすい 名作映画のオールタイムベスト 何かを学ぶときの一番の近道は、その分野に詳しい友人を持つこと。映画でも、映画好きの人たちに交じって会話していると、どんな作品を観ればいいかが徐々に分かってくるものです。とはいえ、ほとんど映画を知らない状態で映画好きの会話に入っていくのも難しいでしょう。まずは基本的な作品くらいは見ておきたいな……そんなあなたに役立ちそうなのが、ライフレシピ共有サイト「nanapi」に投稿された、
2012年Googleが介在しない社会『AISA（アイサ）』〜ソーシャル時代の新消費行動モデル - (旧)ガイアックスソーシャルメディア ラボ
本ブログは、livedoorブログに移転致しました。 ↓移転先↓ -GaiaXソーシャルメディア ラボ ＠livedoor blog 【資料ダウンロードはこちら】 現在、毎日のように、世界中でソーシャルメディア躍進のニュースが流れています。 『Facebook、Google抜き米国でアクセス数1位に』 『ツイッター利用者、国内で1000万人！！』 3年前に、誰が予想したでしょうか。 GoogleがFacebookに抜かれると。 twitterの利用者がこれだけ増えると。 今、世の中の人は気付き始めました。 これからはソーシャルメディアの時代だと。 ソーシャルメディアの時代になった今、ユーザーはどういう行動を取り、企業側はどうそれをとらえていかなければいけないのでしょうか？ 本エントリーで、ソーシャル時代の新消費行動モデル『AISA（アイサ）』をご紹介しています。 これからの皆さんのマーケテ
ウェブユーザビリティ向上を支援するWebsite Usability Info
ウェブをはじめとするデジタルコンテンツの、アクセシビリティ、ユーザビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。 お仕事のご依頼・ご相談 Accessible & Usable では、ウェブサイトやアプリケーションのアクセシビリティ向上を支援させていただきたく、お仕事のご依頼、ご相談を承っております。詳しくは「お仕事のご依頼・ご相談」をご覧ください。 新着記事 ダークパターン – 人を欺くデザインの手口と対策 公開日 : 2024年8月27日 (2024年8月29日 更新) カテゴリー : アクセシビリティ / ユーザビリティ 「ダークパターン – 人を欺くデザインの手口と対策」を読みました。ダークパターンの現状、撲滅に向けての動き (主に欧州および米国における法規制)、今後の課題、がコンパ
今、トップクリエイターが注目するWebのトピック 第3回「ユーザビリティ VS 楽天メソッド」 - MdN Design Interactive
2010年8月3日 TEXT：内山光司（GT INC./(suit)men entertainment クリエイティブディレクター） 毎回Webやグラフィックのクリエイティブの最前線で活躍しているトップクリエイターが、いまWeb制作の世界で話題になっていること、注目していることなどを取り上げて語ります。 今回のクリエイターはGT INC./(suit)men entertainmentのクリエイティブディレクター、内山光司氏。「ユーザビリティ VS 楽天メソッド」について語ります。 確か春ごろだったと思います。Twitter上である話題を目にしました。それは楽天市場で人気の商品のページデザインは「ユーザビリティ」とか「ブランディング」っていう視点でいかがなものか、という話です。 話題となったのはこのサイト。 「どこまでスクロールすりゃ注文できるんかい！」と、思わず突っ込みたくなる気持ちもわ
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
Voice of History | 歴史から学び、偉人の名言から気づきを得る
What is necessary to change a person is to change his awareness of himself. これは段階欲求説で有名なアブラハム・マズローの言葉である。 「人が変化するのに必要なことは、まず自分自身の認識を変えること」。 人はそれぞれ勝手な思い込みの中に生きている。 それらのほとんどは自分ができるだけ楽に生きれるように工夫された思い込みだ。 歪んだ勝手な思い込みはただの重い鎧にしかならない。 いつしかそれは自分の歩みを妨げるほど自分を縛り、それにすがるしかなくなり、ますます不自由になるだろう。 月は月であるのに日の当たる角度によって日々形を変えるように、人間も物事にもいろんな面がある。 特に若いうちはまずは自分の認識を疑ってみること。人は気づきを得たとき、初めて自分の軸を感じられるのだ。 それが自分自身の成長の第一歩である。 Cat
『ウェブアプリケーションのためのユニバーサルデザイン』レビュー - Trans
ウェブアプリケーションのためのユニバーサルデザイン 作者: Wendy Chisholm,Matt May,水野貴明出版社/メーカー: オライリージャパン発売日: 2009/12/19メディア: 単行本（ソフトカバー）購入: 10人 クリック: 117回この商品を含むブログ (8件) を見る アクセシビリティは障害者のためだけではない アクセシビリティはともすれば障害者や高齢者に限定したもの、もっといえば視覚障害者のためだけのものと思われがちです。しかし、アクセシビリティを広義で解釈すると、 高齢者や障害者も含めた、誰もが情報を取得・発信できる柔軟性に富んでいて、アクセスした誰もが同様に情報を共有できる状態にあること http://ja.wikipedia.org/wiki/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%
気づきサイエンス研究所～サービス・イノベーションへの挑戦～
私たちサービス産業は、20世紀にチェーンストア経営システム、セントラルキッチン、IT活用などさまざまな手法を導入してイノベーションに挑戦してきました。 物質的にも豊かになった21世紀は、お客様のご満足や感動、そこで働く従業員の喜び、企業や地域の成長など、人の心と社会の豊かさを追求する産業としてサービス・イノベーションに挑戦していかなければなりません。 そのために、お客様に要求される前に対応できること、期待を超えた対応が出来ることなど、「サービス」「ホスピタリティー」で最も重要になるのがサービスの現場で働く従業員の「気づき」であり、そのことを科学的・工学的アプローチで解明する研究開発拠点を設立しました。 本研究所は、独立行政法人産業技術総合研究所サービス工学研究センターと、顧客接点におけるサービスを実践的に共同研究します。 お客様の属性や状況によって、サービスの価値は大きく変化し、画一的にサ
そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ
こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、本では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者：株式会社ゆめみ 販売元：インプレスジャパン 発売日：2008-12-25 おすすめ度： クチコミを見る モバイルデザインアーカイブの本。―携帯Webコレクション 著者：モバイルデザインアーカイブ 販売元：春日出版 発売日：2009-08 おすすめ度： クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ
カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン・Category and page icons - かちびと.net
WordPressを使ったサイトのサイドバー などに良く表示されているカテゴリーや ページへのリンクに簡単にアイコンを 付けられるプラグイン・Category and page iconsをご紹介します。 ネーミングそのままですね。正直cssで設定するのは面倒な作業だったのでこれは結構需要の高そうなプラグインかも。冒頭のようにカテゴリーやページへのリンクを表示させている方も多いと思いますが、そのリンクの頭にアイコンを加えることが出来ます。 リンクの頭にアイコンを付ける事で可視性が高まり、ユーザビリティを向上させることが可能です。導入も手軽ですが、テーマによっては多少cssに変更を加える必要があるかもしれません。 Category and page iconsインストール Category and page iconsをダウンロードし解凍 wp-content/plugins/内にフォルダご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザインリンク集・デザインサイト一覧（週刊ウェブデザイン）