タグ

2015年2月23日のブックマーク (2件)

  • CodeGrid - フロントエンドに関わる人々のガイド

    HTML/CSS 385 CSS仕様 119 CSS設計 53 HTML仕様 40 SVG 25 スタイルガイド 14 HTML/CSSの実践 135 HTML/CSSドリル 4 フォント 3 データ形式 6 性能と品質 49 セキュリティ 16 パフォーマンス 12 アクセシビリティ 21 デザイン 64 ディレクション 50 ドキュメンテーション 7 JavaScript 592 ECMAScript 45 ライブラリ 70 ブラウザAPI 38 WebGL 42 テスト 36 JavaScriptの実践 64 JavaScriptの設計 9 JavaScriptドリル 15 非同期通信 5 Vue.js 73 DOM 9 Angular 30 Electron 4 Web Components 14 jQuery 24 Backbone 17 TypeScript 24 Coffee

    CodeGrid - フロントエンドに関わる人々のガイド
    EnnuimaZ
    EnnuimaZ 2015/02/23
    PixelGridのCodeGridというwebマガジン! 美しいなー!
  • z-index再入門 | 第1回 z-indexの仕組み

    次のようなケースでは、冒頭のサンプルのような意図しない重なりになる可能性が高いため注意が必要です。 positionプロパティの値をrelative、absoluteにし、かつz-indexの値をauto以外の整数値にしたとき positionプロパティの値をfixed、stickyにしたとき なぜなら、上記の条件下では、スタック文脈というものが形成されるからです。次に、スタック文脈を解説します。 スタック文脈とスタックレベル スタック文脈(stacking contexts)、スタックレベル(stack level)という概念は、z-indexを扱う上でとても重要なものです。 スタック文脈 スタック文脈とは、ある条件を満たした要素によって形成される階層構造(文脈)のことです。 スタック文脈を形成する条件は前述した通りですが、例えば、position: absoluteとz-indexに整

    z-index再入門 | 第1回 z-indexの仕組み
    EnnuimaZ
    EnnuimaZ 2015/02/23
    z-indexは絶対値で考えてると死ぬってきいて調べたらとてもわかりやすい記事みつけた。わかりやすいけど扱える気がしないね…