かわたま.net

Enjoy Creative! かわたまのwebメモ

css

1478_thum

jQueryで特定の要素にcssやcssプロパティを追加/変更/削除する記述方法

2015 January 24

jQueryで特定のHTML要素にcssプロパティを追加/変更/削除する記述方法をメモします。 jQueryでstyle属性を直書きする場合は css( )メソッドを、cssを追加、削除する場合は addClass( ) / removeClass( )メソッドを使用します。 まずは、事前にhtml内でjQue...

kawatama.net

【css3】ボタンがキューブ状にクルッと回転するホバーエフェクト実装方法

2014 October 05

css3では様々なホバーエフェクトを実装できますが、今回はホバー時に「キューブ状にクルッと回転する」ボタンを実装してみます。 実装sample Button 【対応ブラウザ】 Chrome 11+ Firefox 4+ Opera 11.10+ safari 5.1+ IE 10+ ...

かわたま

横並びにしたリスト(list)で自動的に入ってしまう隙間をなくす方法

2014 August 09

listをdisplay: inline-block;で横並びにしたときに自動的に入ってしまう隙間をなくす3つの方法をメモ。 通常、listはこのように記述すると思いますが、これだと横並びにしたときに謎の空白が入ってしまいます。 <ul> <li>text</li> ...

かわたま.net
wordpress

【WordPress】bodyにページごと異なるidやclassを追加する実装手順

2014 July 30

wordpressは共通のヘッダー(header.php)を使用するので、何も指定しないままだとページごとに異なるcssを当てたい場合に不便です。 ページごとに異なるcssを当てたいときは、bodyにそれぞれidやclassを追加させるタグを追記します。 bodyにclassを追加 header.php内のb...

高さの違う横並びのlistを縦方向に中央揃え
mediascreen

画面サイズ別にCSSを切り替える ‘Media Queries’ についての基礎知識

2014 May 28

レスポンシブのwebサイト作成に必須のMedia Queries(@media screen)について復習兼ねてまとめます。 Media Queries とは? Media Queries とはブラウザの表示領域やデバイスの画面サイズなどの条件によって、適応させるスタイルを切り替えられるCSS3の機能のこと...

iOSシミュレータ
zindex
IEでfont-family:明朝体を使う際に気をつけること

IEでfont-family:明朝体を使う際に気をつけること【バグ】

2014 February 14

font-familyで明朝体指定の際に気をつけないといけないことメモ。 テキストを明朝体にすることで強調させたり、他のテキストと区別させたい。 基本的には、 「font-family: serif;」なら明朝体 「font-family: sans-serif;」ならゴシック体 になるはずです。 ...

かわたま.net