このウェブサイトは販売用です！ t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
t32k.com - このウェブサイトは販売用です！ - t32k リソースおよび情報
このウェブサイトは販売用です！ t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
文書構造と動的なWebのアクセシビリティ | Web標準Blog | ミツエーリンクス
Mozillaでアクセシビリティ関連のQAを担当しているMarco Zeheが自身のBlogに “The importance of placement of HTML elements in a document” という記事を投稿していました。JavaScriptでモーダルダイアログなどを実現するものがありますが、実装方法によってアクセシビリティを著しく損ねることになるケースが紹介されています。 記事で例に挙げられていたのはThickBox。デモの写真やリンクをクリックするとダイアログが開くのですが、これは新たに生成したdivを文書の一番後ろに追加し、それをスタイルシートで調整するという実装が行われています。 表示上はなんら問題ない方法ですが、Zeheはこの「文書の一番後ろに追加する」ことに問題があると述べています。文書の最後に要素を追加してしまうと、内容の多いページにおいてはアンカー
【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
Go Sign［ゴーサイン］ cssの書く順序
cssの書く順序 投稿日： 05.22.2008 カテゴリー： Web制作 コメント・トラックバック： 0件 cssの書く順序を統一したい場合は、Mozilla.orgが設定している順序がおすすめです。 ■Mozilla.orgが設定している順序 http://www.mozilla.org/css/base/content.css /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) */ /* Suggested order: * display * list-style * position * float * clear *
CSSの擬似クラス「:hover」で作るちょっと変わったメニュー - Trans
IE7の大きな進歩の1つといえば、a要素以外にも:hover擬似クラスが指定できるようになったこと。では、これを使ってどんなWebデザインができるのかについて3つの事例を調べてみました。 CSS hover effect | Veerle's blogより。 サンプルはKansas City Homes for Sale | Prudential Kansas City Real Estateの真ん中あたりのタブです。タブ内にマウスを持っていくと背景色が変わると思います。 これを作るためには、次の2つの画像を用います。 コードはこんな感じです。解説はCSSのコメントと一緒に書いておきました。ちなみに、事例の3つとも画像置換を使っていますが、その説明は省略しています。 <h2>4 different ways to find your Kansas City Homes for Sale</
固有名詞や専門用語、ブランド名の音声読み上げ | Accessible & Usable
公開日 : 2008年2月7日 (2011年1月11日 更新) カテゴリー : アクセシビリティ 読み上げソフトや音声ブラウザを使ってWebサイト（ホームページ）を閲覧していると、特殊な読みかたをする言葉（固有名詞や専門用語、ブランド名など）が、Web制作者/運営者の意図通りではない読みかたをされることがあります。たとえば（お使いのソフトによって異なりますが）： 人名で「御手洗さん」は「みたらいさん」とは読まれずに「おてあらいさん」と読まれる。 ロックバンド「175R」は「イナゴライダー」とは読まれず「ひゃくななじゅうごアール」と読まれる。 筆者が手がけた久留米の工務店さんのサイトで、ブランド名を「思いで家」としているのですが、正しく「おもいでや」とは読まれず「おもいでいえ」と読まれる。 地震の規模を示す「M5.5」は「マグニチュード5てん5」とは読まれず「エム5てん5」と読まれる。 重さ
支援技術別動作検証報告： 画像のalt属性とtitle属性 | アクセシビリティBlog | ミツエーリンクス
以前、あるWebサイトのアクセシビリティ対応状況が、視覚障害者のコミュニティで話題に上がったことがあります。その発端となったのが、「A銀行のWebサイトが、アクセシビリティ対応したらしい」という情報でした。しかし、私を含めた何人かがそのA銀行のWebサイトにアクセスしたところ、まったく「アクセシビリティ対応」された内容を確認することができませんでした。一方、別のスクリーン・リーダー使用者の方からは、そのA銀行のWebサイトが使いやすくなったとの報告がありました。このように、利用者によってアクセシビリティ対応されたことが確認できたりできなかったりするというのは、不思議な現象だと感じられる方もいらっしゃるかもしれません。そこで今回は、その原因がどこにあったのかを、alt属性とtitle属性の支援技術別の読み方に関する検証結果を基にご紹介します。 テスト環境と使用した支援技術 今回は、ページ内の
HTML5 設計原則「HTML Design Principles」の翻訳「HTML 設計原則」
この文書「HTML 設計原則」は、W3C の HTML ワーキンググループ による「HTML Design Principles (W3C Working Draft 26 November 2007)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-04-16 公開日: 2007-11-27
HTMLの設計原則が公開 | Web標準Blog | ミツエーリンクス
昨日付けで、HTMLワーキンググループより、「HTML Design Principles」という文書の草案が公開されました。 HTML Design Principlesは、互換性や相互運用性など、HTML 5の策定において考える必要のあるいくつかの概念をまとめたもので、HTML 5の目的や方向性をつかむには最適な文書であると考えています。というわけで、この文書を日本語に訳した「HTML 設計原則」を公開します。 HTML 設計原則 (2007年11月26日付 W3C草案) 前々から、canvas要素や特定のAPIに関するものはあれど、日本においてHTML 5そのものについて言及を行なっているリソースは大変少ないと感じていました。この日本語訳が、HTML 5を知る手がかりになればと思っています。
alt属性はいかに決定されるべきか | Takazudo Clipping*
画像を閲覧できないユーザーでも内容を把握できるようにalt属性をつけましょうとは言うが、実際にはどのようにつけたらよいのかが実はかなりわからない。さらに納品前になんじゃこのalt！と突っ込まれる・・・。色々話し合ったりググったりした末にでた自分結論はこんなの。 前提 画像OFFのユーザー・音声ブラウザのユーザーが、画像の代わりにそのaltテキストが表示されても、ページ内容が分かる。但し、100%の情報を伝える必要があるわけでもない。そこに何の画像があるのかが伝わり、ページ内容を把握できる。 画像の中に文字がある場合
国内60サイトに1サイトがブラウザによっては表示されない可能性 ― ＠IT
2007/09/13 異なるWebブラウザの非互換性による問題で、国内では60サイトに1サイトの割合で、Webブラウザによってはまったく表示できないなど深刻なトラブルが起こりえることが分かった。 調査を行ったのは、アルゴ21、三菱総合研究所、Mozilla Japan。情報処理推進機構オープンソフトウェア活用基盤整備事業の一環として2006年度の行われたもの。Yahoo! Japanカテゴリからリンクされている国内20万サイトのトップページを調べた。 9月13、14日の2日間、日本Linux協会主催で開催中の「Japan Linux Conference 2007」で、アルゴ21の伊藤宣博氏が講演を行った。 ブラウザ独自機能が原因トップ 調査したのは表示に問題が発生する可能性のある172種の非互換要因の有無。172種のうち、自動判別できる142個についてJavaScriptのモジュールを作
HTMLの質の追求は、モバイルがきっかけでブレイクする。
Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。 しかし、それは現場では間違いではなかった。 2002～2003年頃は、ネスケ4を切るための理由がなかったのだ。 ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末（あえて言ってみる）なことで、ビジネスの機会損失になることは許されない。 もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。 そこにハマったのが、MovableType（blog）とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。 ずばり、この二つのキーワードが
マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記
はじめに このエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけ ライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後に Twitter に書き込みました。 濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS ではもうこれ以上すごいと呼ばれる人なんて増えないと思う。 http://twitter.com/amachang/statuses/191256222 「CSS 道」は道が短すぎるんだ。マーケティングの為に長く見せてるけど、実際覚えることは少ない。「デザイン」か「JavaScript」を職業に出来るくらいにしとかないとヤバいと思う。 http://twitter.com/amachang/statuse
国内20万サイトのWebブラウザ互換性を調査，172種もの非互換要因を発見
国内20万サイトのWebブラウザ互換性を調査，172種もの非互換要因を発見 1.7%のサイトに深刻な問題，オーサリング・ツールも非互換の原因に 三菱総合研究所 情報技術研究センター研究員 清水浩行です。突然ですがみなさん，Webブラウザは何をお使いでしょうか？Internet Explorer 6.0 (IE6) の方が多いでしょうか。OSSセンターに興味をお持ちの方であればOSSブラウザのFirefoxを使っている方も多いでしょう。IE7，OperaやMac OS X用のSafariを使っている方もいらっしゃるでしょう。 WebのコンテンツはW3Cなどによって標準が制定され，上に挙げた以外にも音声読み上げブラウザなどさまざまなブラウザから閲覧できるようになっています。しかし，IE6以外のブラウザを使っている方はコンテンツが正常に表示・動作しないWebページに遭遇した経験をお持ちのことと思
hail2u.net - Weblog - pre要素へのスタイル指定
idea * ideaでエントリになっていたので、言及されていることだしうちのサイトのことだけちょっと書こうかなとか考えてみたら結構色々あって、エントリのネタになりそうだったのでまとめてみた。どっかにもちょろっと書いたけど。 実際にスタイル指定を書く前に抑えておくべき知識として以下のようなものが挙げられると思う。 ほとんどのブラウザでpreは等幅フォントで表示される ほとんどのブラウザでpreのwhite-spaceはpreになっている フォント・ファミリを指定する場合は最後にGeneric font familiesが必要になる overflow: scroll;では縦横どちらにあふれた場合でも縦スクロール・バーと横スクロール・バーが両方とも出る overflow: auto;ではあふれた方向にのみスクロール・バーが出る Internet Explorerではoverflow: auto
mozdev.org - maf(Mozilla Archive Format): installation
MAFF files are standard ZIP files containing one or more web pages, images, or other downloadable content. Additional metadata, like the original page address, is saved along with the content. Unlike the related MHTML format, MAFF is compressed and particularly suited for large media files. Support for reading and writing MAFF archives was provided in the Mozilla Application Suite, Firefox, and Se
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
音声読み上げブラウザの読み上げかた
日本IBM、“ブログ感覚”のWeb作成ソフト「ホームページ・ビルダー12」