CSS
helvetica指定で日本語フォントの位置がずれるバグ
font-familyでhelveticaを先頭に指定したところ、Firefoxとchromeのバージョン40〜から日本語を利用している際に位置がずれるというバグが発生していました。 このバグはhelveticaフォント…
CSS3：背景色アニメーション
See the Pen GgmbBv by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSSのみでbodyタグの背景色をアニメーションでじんわり変化させています。 サンプルは…Firefoxとchromeでセレクトボックスに日本語を入力すると高さがずれる
セレクトボックスを２つ並べたもので、[→]などで[←]入力を行うUIがあります。 これを行っていて日本語を利用している場合、どちらかの要素が空になった場合に同じサイズを指定しても高さがずれてしまうことがあります。 この場…CSS3：n番目の要素を指定するセレクタ
p:nth-of-type(2) { color: #f00; } 「:nth-of-type()」を利用します。 上記の指定に対して下記HTMLのような状態になります。 <p>対象外</p> &…Firefoxにのみ対応させるCSSハック
下記のように記述します。 @-moz-document url-prefix() { button { line-height: -moz-block-height; } } 参考：Chromeのみ、Firefoxのみに…
clearfixでfloatを解除する
HTML <div id=”wrapper”> <div id=”content”> <p>content</p> </div> <div id=”men…jQuery & CSS：択一ハイライトメニュー
まずこちらサンプルをごらんください。 See the Pen jQuery menu hightlight by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. クリックしたメニュ…