[webpack]CSS LoaderでCSSの圧縮してる人は最新版でminimizeオプションが削除されてるから気をつけて。
なんか圧縮されないと思ったら1.0.0で minimize オプションが削除されていた。
HOME > WEBプログラム覚書 > HTML/CSS
なんか圧縮されないと思ったら1.0.0で minimize オプションが削除されていた。
Compassのブラウザサポートの設定方法が変わったみたい。
この機能いつからあったんだろ。 日本語マニュアルの方にないから新しいのかな??
まぁCompassのパクリなんですけど。 Compass Link Colors | Compass Documentation
Code Padよりタイトルとかに使えそうなテキストエフェクト。それほどゴテゴテしてなくていい感じ。
写真の上に文字を載せたい時に使いそうなbox-shadowと半透明のサンプル
Firefoxのdisplay: box;はいろいろと問題があるみたいなんだけど、 並べられる要素にoverflow: hidden;を設定して中の要素にdisplay: box;を設定するとdisplay: box;が設定された要素の高さが無視されるって違いもあった。
僕は長文だったり難解な場合、文章を選択状態にすることが多いのですが、 text-shadowが使われてると読みにくい場合があります。
ってなんだ。
jQueryのfadeOut()、fadeIn()をpngbehavior.htcが適用されてるページで 利用するとfadeが効かない模様(ie6)。ここのサンプルでは、全然動きませんが フェード効果が効かないってだけの場合もあった。
テキストをimgに変換するにはGDライブラリを利用すれば できるようなのでちょいと試してみました。
「ステッカーっぽいのを貼ってみる」にて紹介されていたステッカーを貼ってみる。
先日Javascriptでカラムの高さを揃えるというエントリーをしたのだが[CSS]高さの異なるカラムを揃えるスタイルシートでCSSで高さを揃える方法が紹介されている。
CSSによるレイアウトをおこなった場合、floatを利用することはスタンダードな手段だ。ところが親コンテナの中で子コンテナをfloatしてやると親コンテナの高さがおかしなことになる。
コメントアウト<!-- --> を利用してて途中に「--」が入ってるとブラウザが解釈を間違えることがある。
Firefoxでは縦スクロールバーが必要な時しか表示されない。
そのため縦スクロールを要するページでセンタリングをしていると、「スクロールあり」と「スクロール無し」ページの移動の際にズレが生じる。