HTML/CSS

危険な理由 「リンクを開いた先のページでのJavaScriptによって、開いた元のページを操作できてしまう」から。たいていのブラウザは「target=”_blank”」によって別タブで開かれたペー …

“target=”_blank”の脆弱性をわかりやすく” の続きを読む

@pageディレクティブでページ全体の余白の調整。 単位はmmがよく利用される。 @media print { @page { margin: 5mm; } } 印刷では、ウェブ上での１ページが複数ページになるため、見出 …

“印刷用CSSでよく設定されているパターン” の続きを読む

IEやEdge、Androidの一部のブラウザでは:before、:after擬似要素にtransitionやanimationをかけると、その要素がスムーズにアニメーションしなかったり、あるいは周辺の要素に同時にアニメ …

“transition・animationがスムーズじゃないと思ったら” の続きを読む

よく知られているものは、input[type=”text”]やtextareaなどでfont-size: 16px以上でないとフォーカスしたときに拡大されてしまうということ。 さらにタブレット用の …

“スマホ・タブレット端末のHTML・CSSコーディングで意識すべきこと” の続きを読む

position:fixedが効いている要素は、スクロールするたびに固定要素のビットマップと、重なりの下にあるほかの要素のビットマップをCPU上で合成する必要があり、広範囲の再描画を必要とする。 そのため、GPUアクセラ …

“position:fixedについて” の続きを読む

2つの色を混ぜて中間色を生成 color: mix(#000, #fff, 50%); 指定した色の明度を上げる color: lighten(#000, 50%); 指定した色の明度を下げる color: darken …

“Sassの便利関数まとめ” の続きを読む

<i>：[aria-label][aria-hidden=”true”] <iframe>：[role=”application”] <hea …

“忘れがちな属性とセットで使うHTMLタグ” の続きを読む

http://neos21.hatenablog.com/entry/2016/02/09/000000 標題の件、上記にあるハックは使いづらい部分があるので、とある案件ではtransitionプロパティのみDomCon …

“IE11ですべてのメディアクエリ内のCSSが瞬間的に適応されるため、transitionが効いてしまい色々動いてしまう問題について” の続きを読む

下記をURLのパラメータに設定すると想定通りになる。 ・パラメータがついていない場合 ?wmode=transparent ・パラメータがついている場合 &wmode=transparent

進行中案件にて発見。 昔使われていたUIWebViewはリンク化の制御を行わないとmetaタグのformat-detectionが有効にならなかったので、開発者側の制御も必要だった。 http://d.hatena.ne …

“iOS10系のChromeでformat-detectionが有効にならないバグ” の続きを読む