MD-Blog_Search

aタグ？ span？ パンくずリストのマークアップについて多角的視点で考察してみる。

Web制作における基本スキルのひとつ「SEOの内部対策」。元Webマーケターのクリエイターが、誰でもすぐに意識して実践できるポイントを5つご紹介します。

アクセシビリティに配慮したインクルーシブなHTMLマークアップを実践するシリーズ。第３回は状態に応じたaria-hidden, aria-expandedを紹介します。

アクセシビリティに配慮したインクルーシブなHTMLマークアップを実践するシリーズ。第2回は実際の操作を意識したrole属性、aria属性の実装を行ないます。

アクセシビリティに配慮したインクルーシブなHTMLマークアップとは？　グローバルメニュー的なナビゲーションを例に挙げて解説します。

コードを書くよりクラス名を考えるほうが面倒！　HTMLやJavaScriptを担当するエンジニアの"あるある"な悩みについて、OOCSS, BEM, SMACSSといろいろな命名パターンをサンプルとともにご紹介。

「href」「width」「align」...Web業界でよく使われている英語のコトバ、あなたは正しく発音できていますか？　知らずに恥ずかしい思いをしたクリエイターが調べてみた！

「どうしたら"アイコン"を思い通りに表示出来るか？」花粉症の季節にマークアッパーがぐだぐだと悩み、Webフォント, CSS, SVG, JavaScriptまで駆使して試してみました。

TypeSquareに代表される"ウェブフォント"。その自動サブセット化の際に気をつけたい問題と回避方法を解説します。

対象ブラウザ限定ではあるけれど、ジャギらずキレイに表示できる「SVG」でアニメーションを作ってみよう！

HTML5に対してまだ若干のモヤモヤが残る人のために、スッキリ分かりやすくまとめようと努力してみる記事です。