カテゴリ「HTML」の記事一覧

 / HTML, Work

FRONTEND CONFERENCE 2017 で登壇します #frontkansai

2017年3月18日(土)に関西フロントエンドUGさん主催の FRONTEND CONFERENCE 2017 にて「ウェブを構成するUIの品質とHTML」という題で登壇します。ウェブ上のUIの品質についてのポエムと、UIの品質の基礎的な部分を担うHTMLについて主に実装面からお話する予定ですので、お時間のあるかたはぜひご来場ください。

 / Accessibility, HTML

WAI-ARIAの実装をデバッグ・検証する

この記事はWeb Accessibility Advent Calendar 2015の5日目の記事です。WAI-ARIA の検証方法についてご紹介します。決して厳密な検証ができる方法ではありませんが、特別なツールなどを用意しなくとも簡単に検証することができる方法で簡単に検証できる方法が増えれば、WAI-ARIAに取り組みやすくなるかと考えています。

 / HTML

記事のマークアップをGoogleのRich Snippets for Articlesに対応させた話

記事のマークアップをGoogleのRich Snippets for Articlesに対応させました。元より構造化データとしてマークアップしていたので少しのプロパティの変更だけで対応できました。加えてJSON-LDで対応する場合の注意点や、Movable Typeによる出力テンプレート、JSON-LDの再利用についても述べています。

 / HTML, JavaScript

JSON-LDをWebComponentsで表示する

WebComponentsの練習にサイトに静的に設置されたJSON-LDを読み取るWeb Componentsを作ってみました。ライブラリ使わずにやってみましたので、備忘録がてら順を追って解説します。

 / CSS, HTML

WEB+DB PRESS vol.81 イマドキHTML/CSS開発を読んだ

いろんなデバイスが増えて、検証コストが増大していく中、最先端な方々が検証コストを下げるための色々な手法を考えててるんだけど、実際どうやって自分の業務に組み込んでいくか、ってのが中々難しいなーと感じてた。 この特集の第1章〜3章では、最新技術動向の解説っていうよりは「イマドキの開...

 / HTML, JavaScript

noscript使わずにスタイル無効の時のスタイル

アイキャッチにJavaScriptで動くスライドショーを使ったときに、JavaScript無効の時には一枚目だけ表示させてコントローラー的なものは表示させないとかしたかったので、noscript使って HTML <noscript> <link rel="s...

 / HTML

空要素の閉じタグ忘れを一括置換

HTML5にからは空要素(void elements)に閉じタグを意味する/が必須では無くなったとはいえ、混在させたりしているのはよろしくないうえにXHTMLに変換する際にややこしいので閉じタグする方向で見様見真似で一括置換した。正規表現も使えるようにならんとなあ。 HTML5の...

 / CSS, HTML

サンプルエントリー及びスタイルガイド

スタイル確認用のエントリーです。性質上、スタイルガイドを兼ねていますが全てのエントリーが、以下のとおりマークアップされているわけではありません。 なお、文中の例文は太宰治の作品から引用しています。 段落 ほとんど裁判官の如く、もったいぶって尋ねるのでした。彼は、自分を子供とあなど...