DiagnostiCSS — Visually detect any potentially invalid or inaccessible HTML markup
Visually detect any potentially invalid or inaccessible HTML markup* DiagnostiCSS highlights the following problems within markup: inline styles and event attributes invalid links empty or deprecated elements elements missing required attributes Use it in your project Good news everyone! DiagnostiCSS proudly supports Rails and any other Rack-compatible framework. Use it everywhere Just drag the Di
Introduction to RDFa
注：本稿は RDFa 1.0 に基づく私的な覚え書きです。RDFa 1.1 でやや変更がありますので、最新仕様を確認して下さい。 RDFa 1.0 で用いる属性は次の通りです（本稿では「about 属性」を「@about」のように表記することにします）。@about主語であるリソースを示します（URIorSafeCURIE）。主語は先行するトリプルの目的語になりえます。@src@about と同じですが、ブラウザで埋め込み表示されます（URI）。@rel目的語がリソースである述語を示します（CURIEs）。@rev目的語がリソースである逆方向の述語を示します（CURIEs）。@property目的語がリテラルである述語を示します（CURIEs）。@resource目的語であるリソースを示します。目的語は後続するトリプルの主語になりえます（URIorSafeCURIE）。@href@reso
RDFa関連の3仕様が勧告に！その時Microdataは……？
W3Cは本日2013/08/23、RDFaに関連する3つの仕様を勧告しました。勧告といえば、W3Cにおける仕様成熟度の最終段階。仕様はこれにて一旦完成です。 HTML+RDFa 1.1 RDFa 1.1 Core – Second Edition XHTML+RDFa 1.1 – Second Edition RDFaとは、コンテンツのメタデータを記述するためのフォーマットであるRDF (Resource Definition Framework) を、要素の属性（attribute）で指定できるようにした仕様です。HTML Microdataと競合する仕様ですが、Microdataと異なり、RDFaは（もともとXML由来の技術であった）RDFの流れを組むため、XHTMLをはじめとするXML文書全般でも利用が可能であるなどの違いがあります（その代わりMicrodataのような、JavaSc
よくある3つのデザインから考える、マークアップの最適解
Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき「このマークアップで正しいのだろうか」と悩むことがあると思います。 そんなマークアップについて考えるイベント「MarkupCafe」がhtml5jマークアップ部の主催のもと開催されました。「MarkupCafe」では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。 本記事では「MarkupCafe」で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った「ものづくり」に関わる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
