「Google Font Previewer for Chrome」で「Google web font」を簡単に導入! Webフォントに関して

 2012年12月27日   タグ: ,

「Google Font Previewer for Chrome」で「Google web font」を簡単に導入! Webフォントに関して
CSS3から新たに導入されたWebフォントですが、これまで案件などで必要とする機会がなかったのもあって試していませんでしたが、ちょっと調べてみるとWebフォント関連のサービスが大分充実していきいるようです。今回は、「Google web font」を簡単に導入する方法中心にを紹介します。また、前半は、Webフォントの一般的な導入について説明しています。

► 続きを読む

「font-size」のパーセント表示の文字サイズ対応表をメモ【HTML/CSS】

 2012年12月4日   タグ: , ,

「font-size」のパーセント表示の文字サイズ対応表をメモ【HTML/CSS】
ウェブサイト制作時に文字サイズを、パーセント指定することは多々あると思います。ベースの文字サイズを「12px」で指定した場合の「120%」と、「18px」で指定した場合の「120%」は当然見た目のpxが違ってきます。今回はこの対応表をメモしておきます。

► 続きを読む

CSSハック一覧 -よく使うものをメモ- 【IE6、IE7、IE8、IE9、Firefox、Safari、chrome、Opera】

 2012年11月28日   タグ: , ,

CSSハック一覧 -よく使うものをメモ- 【IE6、IE7、IE8、IE9、Firefox、Safari、chrome、Opera】
ウェブ制作において、意外と手間取ってしまうのがブラウザチェックです。特にIE6、IE7あたりは、苦戦することが多いです。なるべくシンプルに、適切なマークアップをすることがまず第一の対処法ですが、どうしてもというときはCSSハックの登場です。今回は、CSSハックをメモしておきます。

► 続きを読む

CSSハックを使わずIE6、IE7、IE8を条件付きコメントでバグに対処!

 2012年11月27日   タグ: , , ,

CSSハックを使わずIE6、IE7、IE8を条件付きコメントでバグに対処!
ウェブ制作において、おきまりといいますか、必ず対処しなくてはいけない問題にIEの旧バージョンへの対応という問題があります。その方法はCSSハックなどが最もよく使われている方法かと思います。今回はCSSハックを使わずに対応する方法を紹介します。

► 続きを読む