[B! CSS] hageatama-のブックマーク

hageatama- id:hageatama-

CSSに関するhageatama-のブックマーク (3)

総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi engineer blog
こんにちは！フロントエンド闇祓いの Kuniwak です。この投稿はmixiグループ Advent Calendar 2015の20日目の記事です。今年の9月に、スマートフォン Web ブラウザ版 mixi「mixi Touch」の巨大 CSS を Less （CSS プリプロセッサー）でビルドする環境へと移行しました。書き換えた CSS の行数は、なんと 56,725行です。😵 ということで、今回は弊社の大規模 CSS → Less 移行事例についてお話しします。背景スマートフォン版 mixi は、2010年5月に始まりました。この頃のスマートフォンは、iPhone 端末であれば iPhone 3GS、Android 端末であれば Nexus One という時期です。また、スマートフォンの世界では、Webkit ベースのブラウザーが席巻していた時代ということになります。
hageatama- 2015/12/20
文字通りに”闇祓い”だ……

Web

CSS
リンク
まだ中央寄せで消耗してるの？ - @yoshiko_pg
hageatama- 2015/12/16
GDPを押し上げるほど有用性の高い奴だ。

CSS
リンク
clearfixハック｜CSS HappyLife
通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。 IEの場合はwidth、もしくはheightを指定する事で解決できますが、コレはバグなんで他のモダンブラウザでは解決できません。ソコでかなり便利に使えるテクニックが、clearfix。使い方は、clearしたい親要素に下記のように記述。 div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-hei
hageatama- 2007/03/03
未だに clear使いこなせません。

メモ

CSS
リンク
1