[B! css][web] operandoのブックマーク

Firefox Quantum高速化の一翼を担うQuantum CSS - Mozilla Flux

デスクトップ版Firefox Quantumでは、Quantum CSS（別名Stylo）と呼ばれる新しいCSSエンジンが初期設定で有効化されている（Bug 1330412）。CSSエンジンはレンダリングエンジンの構成要素の1つで、CSSパーサーとスタイルシステムから成り、HTMLパーサーが生成したDOMツリー（DOMノードが樹状に連なったもの）に対し、CSSを解釈してスタイルを計算した結果を当てはめていく。 Quantum CSSは約8.5万行のRust言語のコードで構成される。Geckoの旧CSSエンジンは約16万行のC++言語のコードで構成されていたから、半分程度のコンパクトさだ。それでいて、Quantum CSSは旧CSSエンジンが設計の古さゆえに抱えてた様々な不具合を解消している。もっとも、実装には苦労もあったようだ。font-sizeプロパティ1つとっても、いろんな単位をサポー

operando 2017/11/11

web
css

リンク

若者はどうやってCSSを覚えたのか - Qiita

先日、@Jxckさん主催で行われた次世代WebカンファレンスでCSSのセッションに登壇させていただきました。（動画）セッション中に@cssradarさんに「morishitterはどうやってCSSを覚えたのか」と聞かれ曖昧にしか答えられなかったので、自分が今までどうやってCSSを学んできたのかを振り返ってみる。黎明期プログラムを書き始めたのは3年半ぐらい前からだと思う。PHPでWebアプリを書いたのがはじめで、そのときにBootstrap v2をベースに何もわからないまま、雑にCSSを書いた。 BootstrapのようなCSSフレームワークからCSSを始めると、floatやpositionのようなレイアウトに関わるプロパティがどういうものなのかを知らなくても、何となくでWebアプリのレイアウティングができる。そしてブラックボックス化されたBootstrapのコードを読もうとして