Windows10のOctober 2018 Updateで新たに同梱されているモリサワのBIZ UDフォント.CSSで指定したい時は次のように書いてください. example { font-family: BIZ UDGothic, BIZ UDMincho; } ちなみに次のようなフォントです.なお,アップデートが済んでいないマシンではメイリオかデフォルトフォントで表示されます. BIZ UDゴシックはこのようなフォントです BIZ UD明朝はこのようなフォントです
開発している Web アプリケーションをスクリーンリーダーでも扱えるようにするにあたって、 VoiceOver を使いはじめてみたら思ったより簡単だったので、やり方についてまとめてみます。 この記事内では macOS High Sierra (10.13.6(17G65)) を前提としていますが、 VoiceOver の操作方法などはバージョンが変わってもあまり変わらないんじゃないかと思います。 VoiceOverとは Appleが macOS や iOS に搭載しているスクリーンリーダーです。視覚障害者向けに画面上に並んでいるものを音声読み上げしてくれます。 視覚のアクセシビリティ - Mac - Apple(日本) 視覚のアクセシビリティ - iPhone - Apple(日本) VoiceOver は macOS に内蔵されているので、 Mac さえあれあばスクリーンリーダーを試して
インターフェイスの色にユーザーの目を刺激する色を使っていませんか? もし、背景に明るく鮮明な色を使っているのであれば、ユーザーがページにとどまるのを困難にしています。明るく、鮮明な色はユーザーの興味を引きます。しかし鮮明な色を広い領域で使うことは、目を圧迫し網膜を過剰に刺激します。 たとえば、上記の画像の色見本を見てみてください。左のグループは、最大の明るさと彩度を持つ色で成り立っています。右のグループは、80%の明るさと彩度を持つ色で成り立っています。明るさのせいで右のグループより左のグループを見るほうが辛いでしょう。彩度のある色は目によくないのです。 明るさ vs 彩度 明るさと彩度は異なる色の特性を持っています。明るさは色にどれだけの白や黒が混ざっているかで、彩度は色にどれだけグレーが混ざっているかです。 明るさの上昇は、彩度の減少と同じではありません。彩度を少なくすると、色はグレー
テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, part 3: Colors by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーをCSSで効率的に管理するために セマンティックにするか、宣言型にするか 基本的なカラーパレットの作成 セマンティックカラーの追加 このアプローチを採用する理由 テーマに使用するカラー はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとして利用できるので、一足先に公開します。 Web Components|CodyHouse カラーをCS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く