css

「少しの手間で大きく変わる、細部にこだわったWebデザイン」をできるだけCSSでやってみた

css

【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを | Webクリエイターボックスを読んで、「CSSだけである程度できそうだな」と思ったのでやってみた。 デモページ とりあえず完成品が見たい方は、ここ まず基本となるHTMLを用意する とり…

Element.styleプロパティで"!important"指定する方法

Elementのstyleプロパティで"!important"指定する方法を調べたのでメモ以下のように、setProperty()メソッドを使うと"!important"指定できる。 element.style.setProperty('width', '400px', 'important'); MDCによると、style プロパティは CSSStyleDeclara…

リフロウとリペイント:CSSがjavascriptのパフォーマンスの足をひっぱっている?(を読んだメモ)

Stubbornella ? Blog Archive ? Reflows & Repaints: CSS Performance making your JavaScript slow? 上記エントリをテキトーに解釈して要点をメモってみた。 リペイント(repaint) 要素のスキン見た目、が変化したときに発生。 ただしレイアウトには影響しな…

ダイアリーに貼り付けるgistのコードの見た目をカスタマイズする

gist便利ですなぁ。 ブックマークレットとか、グリモンとか、ちょっとしたテンプレートとかを追いとくのに最適です。それはそうと、gistのコードをダイアリーに貼り付けたとき、コード表示の枠とか線の色とかがこのダイアリーの雰囲気とマッチしていないので…

透明度の指定が無視されるバグの回避方法

IEのバグでhasLayoutがtrueじゃないとcssの指定が無視されるやつがある。 それを回避するには zoom: 1; とかやっておくとOK参考にしたのはココ↓ IEにおいてfilter:alpha(opacity)を設定しても、currentStyle.hasLayout=falseだとが透明にならない。 - Enjo…