UnicodeのPUA（Private Use Area：私用領域）を使ったアイコンフォント（FontAwesomeなど）には、いくつかアクセシビリティ上の問題があります。この記事では、問題点、対処療法的な解決方法、本質的な解決方法（となりうるもの）について簡単にみていきます。 UnicodeのPUAは私用領域、私的な利用のために使って良い文字（コードポイント）のための領域です。私用領域でない定義された文字（コードポイント）はどの環境でも一意に解釈されるのに対して、PUAの文字（コードポイント）は人/フォント/システムによって解釈が異なります。例えば、PUAでない「U+3042」はどの環境でも「ひらがなのあ」に対応しているものとして解釈されますが、PUAの範囲内はそうではありません。 PUAアイコンフォントの問題 PUAアイコンフォントには、いくつかアクセシビリティ上の問題があります。 1
AwesomenessA modular and flexible responsive framework. Finally. Mobile FirstOur framework is completely designed and built mobile first to give you the greatest flexibility and most future-friendly responsive design approach. BEMCSS module names conform to the .block__element--modifier (BEM) coding conventions to provide just the right amount of verbosity and save your HTML from Classitis.
先日、motion-fontawesome を FontAwesome 4.0.3 に対応させたときの話。 利用できるアイコンを Hash で定義する箇所があり、 手入力でやるには数が多すぎる上に、さしみたんぽぽ作業。 なので、FontAwesome の CSS をもとに Hash を組み立てる Ruby スクリプト書いて一気にやった。 CSS のパースには css_parser っていう gem を使用している。 # coding: utf-8 require "css_parser" include CssParser parser = CssParser::Parser.new parser.load_file!("font-awesome.css") puts "{" # すべてのセレクタを列挙 parser.each_selector do |selector, declarat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
