こんばんは。 CSS Property Advent Calendar 2013 8日目のエントリーです。 非常に地味な display のお話です。 なお、flexboxの話をし出すと、それだけで1エントリーくらいの分量になってしまうので、css2.1までの話をします。 flex...

同じ事を書いている記事は他にもありますが、個人的に一番わかりやすくて細かいと思っていた記事が消えていたので。 というわけで、細かい話 は、ほぼ table系にはposition:relativeが効かない ( http://gyauza.egoism.jp/clip/archives/2007...

CSSプログラミングの新作としてインベーダーゲームを作っていたんですが、途中で心が折れて中途半端なまま投げました。 [ incomplete ] CSS Invaders インベーダーを作りたかったというのはわかっていただけると思います。 敵の横移動が絡むと予想以上に自機の動きや位置が綺麗にで...

CSSのみ画像不要の吹き出しの作り方 昨日ゴロドクさんが改めて丁寧に解説にしていましたCSSのみ画像不要の吹き出しの作り方。 せっかく丁寧に説明されているので、基本的な作りからはそちらを御覧ください。 CSSのみ画像不要の吹き出しの作り方を若干丁寧に解説してみる 影の付け方 せっかく吹き出しなので...

あなたはhtml/cssにおける要素の重なり方を知っていますか？z-indexを指定しなければ先に書いたほうが下層で後に書けば上層に来る？ というわけで、実は割りと複雑な要素の重なりについて書きます。そこまで意識しなくとも支障がでることは滅多にないと思いますが、知っておいて損はないはずです。ち...

滅多にそんなことやらないと思うんですが、:hover::first-letterを試したところ効かなかった旨をツイートしたところ、@xl1blue氏が検証してくれました。 ちなみに、IEでは最初に生成しなくても効いている気がします。 ::first-letter が最初から生成されてないと :h...