- ホーム /
- CSS
利用言語によってスタイルを変更する
現在はあまり利用することはなさそうですが、多国語対応のWebサイトやサービスを作成するときに利用できそうです。 :lang(ja){ font-style:normal; } // 日本語の場合 :lang(en-US)… Compassの落とし穴：グラデーションにsvg出力を行わせない
CompassでCSSグラデーションを描く際は下記のように記述します。 @include background-image(linear-gradient(#fff, #ccc)); これをコンパイルするとCSSには下記… CSSによるドロップダウンメニュー
本日の作業で技術的な進歩があまりなかったので個人的な勉強で学んだことをシェアする。 ドロップダウンメニューはCSSでもJQueryでも作ることができるが、今回はCSSで作ってみた。 CSSを書いてみると結構難しいのが分か… - reotogashi
- ハック
- 2015.03.17
- 191
CSSとJSでスクロールすると上部固定になるメニューを作る
もともとfixedしてない通常のメニューを対応させる想定です。 参考：CSSとJSで、スクロールして一定の場所を過ぎると、上部固定するメニューを作る JavaScript <script> jQuery(fu… - Yukimi Sato
- ハック
- 2015.03.17
- 4,432
CSSでグラデーションと背景画像を重ねる
参考：美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！ background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, … - Yukimi Sato
- ハック
- 2015.03.02
- 3,331
ブラウザでの開発者ツールの主な機能
HTML／CSS／JavaScriptによる開発は簡単に動くので開発が容易な反面，不具合の原因特定が難しいです． そんなときwebブラウザに付属した開発者ツールが必須です Mozilla Firefox／Google C… - yamagenii
- ハック
- 2015.02.23
- 219
tableの中のdivの縦幅を100%で表示する
tableの中のdivにheight:100%;を効かせてセルの縦幅いっぱいにするには、tableとtd、divそれぞれにheight:100%;を指定する必要があるようです。 HTML例 <table> &… - harada
- ハック
- 2015.02.04
- 9,103
【IE7・IE8対応】画像にオンマウスでアイコンをオーバーレイ表示する
画像リンクにマウスオンしたさいに黒背景を透過させて説明を表示したい場合のソースの書き方です。 HTML <div class=”imgBody”> <a target=”_blank” href=”リン… aタグの擬似クラスの復習
a:link ：未訪問リンクへの指定 a:visited ：訪問済みリンクへの指定 a:hover ：マウスホバーした時の指定 a:active ：マウスでクリックしたときの指定 また、IE7では複数クラスの指定はできな… 
