タグ

ブックマーク / web.w3g.jp (7)

  • role属性を実装しよう

    各キーワードの意味については、割愛するので、詳細はリンク先の原文を参照してください。 何故、ランドマークロールばかり取り沙汰されるのか これは振り返りでみた通りXHTML2.0第7次案の2005年に提唱されていたころから考えられていた使い方であるということ、我々制作者にとってもナビゲーションの目印として機能することを目的にしたものは魅力的かつ実用的なので先攻して実装を試みる制作者が決して少なくないこと、そして現にこれを実装するソフトウェアも既にいくつかでてきていることから、ランドマークロールが圧倒的に取り沙汰されることになっているのだと思われます。一番は何と言っても制作者側が現実的に実装するための労力と時間をかけるには、ランドマークロール8個までが取り入れられる限界だとも考えられます。 ランドマークロールに対応している音声読み上げソフト Windows 用スクリーンリーダー NVDA 日

    role属性を実装しよう
  • CSSで計算式を可能にするcalc()ファンクション

    Updated 2014.03.23 / Published 2013.10.28 CSS3にcalc()というファンクションがあるのをご存知ですか?CSSにおいて計算式を可能にしてくれる便利なcalc()ファンクションのサポート状況や使い方について紹介します。 「横幅にパーセンテージ値を用いつつ、その横幅から指定ピクセル(px)分だけ引けたら...」こんなことを思われたことがあると思います。それをCSS拡張メタ言語を使うわけでもなく、CSS単独で実現できてしまうのがcalc()ファンクションです。 参考:Mathematical Expressions: 'calc()' calc()ファンクションの実装状況 IEIE9よりサポート ChromeChrome19より25まで-webkit-のベンダー識別子付きで先攻実装 Chrome26よりサポート FirefoxFirefox4より15

    CSSで計算式を可能にするcalc()ファンクション
  • font-familyで指定できるフォント名一覧

    総称ファミリ名分類のフォント名一覧 font-familyプロパティで指定できるフォント名・総称ファミリ名を総称ファミリ名と各OS標準の和文フォントで分類し一覧表にしました。 sans-serif serif monospace fantasy cursive 和文フォント sans-serif abcdefg hijklmn opqrstu vwxyzABCDEFG HIJKLMN OPQRSTU VWXYZ0123456789あかさたなはまやらわアカサタナハマヤラワ零壱弐参肆伍陸漆捌玖拾 UAの初期値

  • Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧

    Internet Explorer 7から対応したHTML/CSS/JS Internet Explorer 7はMicrosoft社から2006年10月18日(日語版は11月2日)にリリースされたウェブブラウザ。 HTML 透過PNGフォーマット abbr要素 CSS 子供セレクタ(親要素 > 子要素 ) 隣接セレクタ(要素1 + 要素2) 間接セレクタ(要素1 ~ 要素2) 属性セレクタ([属性名], [属性名="属性値"], [属性名~="属性値"], [属性名|="属性値"]) a要素以外をセレクタにした:hover擬似クラス, :active擬似クラス :first-child擬似クラス max-widthプロパティ, max-heightプロパティ min-widthプロパティ, min-heightプロパティ positionプロパティの fixed の値 border-c

    Internet ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧
  • ベンダープレフィックスの整理整頓|Web制作 W3G

    Updated 2014.03.23 / Published 2013.10.25 2013年はGoogleApple主導で開発していたWebkitから分離し、ChromeとOperaがレンダリングエンジンをBlinkへと切り替える大きな出来事がありましたので、ブラウザベンダーが勧告予定のCSS仕様の先攻実装を示すベンダープレフィックス(接頭辞)の整理整頓についてまとめてみましょう。 各情報の出典としてはCan I useを利用しており、各UA名称部分はIEはデスクトップ版Microsoft Internet Explorer, Chromeデスクトップ版Google Chrome, Firefoxはデスクトップ版Mozilla Firefox, Safariはデスクトップ版Safari, Operaはデスクトップ版Opera, iOSはiOS Safari, AndroidはAndr

    ベンダープレフィックスの整理整頓|Web制作 W3G
    k_ume75
    k_ume75 2014/10/02
    ベンダープレフィック※2014年3月Updated
  • font-familyに游書体(游明朝/游ゴシック)を指定する

    Updated 2016.12.17 / Published 2013.10.29 OS X MavericksとWindows 8.1からは、游書体の游明朝体と游ゴシック体が標準インストールされています。 游書体はMacOS Xの標準書体であるヒラギノシリーズの制作・監修を担当した有限会社字游工房が制作した書体で、2010年に全ファミリーが完成しています。これまでにも游書体は、Windows Phone7.5の日語のシステムフォントとして、iOSではiBooks3.0のアプリ専用フォントとしても利用されています。 字游工房_游書体ライブラリー_游明朝体ファミリーより 游明朝体ファミリーは「時代小説が組めるような明朝体」をキーワードに、単行や文庫などで小説を組むことを目的に開発した游明朝体Rを核とした明朝体ファミリーです。 文字の大きさの揃った現代的な明るい漢字と、伝統的な字形を生かし

    font-familyに游書体(游明朝/游ゴシック)を指定する
  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
  • 1