Chrome version 43 での 0.016px 問題
Chrome のversion 43で起きる「要素のwidthが何故か 0.016px 増えてしまう問題」について調査しました。 5月19日に発表されたChrome の安定版最新バージョン「Chrome 43」に floatさせた要素のwidthが何故か 0.016px 増えてしまい レイアウトが崩れる現象が起こっています。 See the Pen mJbepe by Soichi Masuda (@masuP9) on CodePen. こちらは開発版であるChrome Canaryの頃から見られた問題でしたが、解決されないまま安定版としてリリースされたようです。 Chrome の issue にその問題が取り上げられていましたのでそこを見てみますと Mismatched whitespace widths cause a wrong width of inline box. In La
CSSできれいな斜め線
CSSで斜めに線を引くようなことをするには多少なりとも工夫が必要だった。つまりCSSで作る吹き出し(もう5年前の記事だ)のようにborderプロパティーを使って頑張るしかなかったわけだ。今はlinear-gradient()があるので直観的に作ることができるようになった。しかしきれいに引くとなるとまだ工夫が必要そうだ。 Demo: CSS Diagonal Line borderプロパティーを使ったもの、linear-gradient()を背景で使ったもの、Data URI化したSVGを背景に使ったもの、以上の計3つのデモを作った。 .lg { background-image: linear-gradient( to right bottom, transparent 50%, #f0f 50% ); background-repeat: no-repeat; background-si
ZenHub.io - Agile Project Management inside GitHub
AI is radically changing the way that we build software. Yet the way we manage software projects still looks a lot like it did twenty years ago. Engineering teams are still spending hours manually updating project management tools, leading to messy, inaccurate project data. This leaves engineering leaders without a clear view of progress, making it difficult to know whether projects will be deli
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fonts Ninja | Supercharge your font workflow