CSS
CSSだけでウィンドウサイズぴったりのボックスを作る
html <div class="wrapper"> <div class="header"> ヘッダー（固定サイズ） </div> <d…Font Awesomeを少しだけ使いやすくするTips
Font Awesomeは使用する時に2つクラスを指定しないといけません。 一つは「.fa」、もう一つは「.fa-◯◯」というアイコン指定のクラスです。 ただ、毎回HTMLで「.fa」も入れるのは手間だし忘れてしまいます…
色彩デザインは学ばなくてもなんとかなる
エンジニアこそ色彩デザインを学ぼう こちらの記事はとても良い内容でまったくその通りですが、抑えるべきポイントはあるもののの色彩もひとつの学問で奥が深いものです。まともに学ぼうとすると険しい道なので、エンジニアであれば知識…IE8でグラデーションfilterをかけると:hoverが正常動作しなくなる対策
参考元はこちらhttp://ellsif.com/blog/?p=76 グラデーションをかけただけではIE8,9で:hover時の挙動がおかしくなる。 CSS(Sass) 下記のようにbackground-colorも合…外部リンクの時にスタイルを変更する
a[target="_blank"] { color:red; } この場合、フォントカラーが赤になります。正円サムネイルの画像がズレる時の対処法
.thumb{ line-height: 0; //画像がズレるため設定。 } テキストの場合はline-heightが高さと同じ数値指定されていないと縦位置がおかしくなりますが、画像の場合は逆にズレてしまう原因になるの…「!global」でローカル変数をグローバル変数にする
普段はSassを使っているので、パッケージのテンプレートでもない限りは使わないLessですが、Sassと変数の有効範囲に違いがあります。 a{ $black:#000; color:$black; } この場合、Les…