「css」タグアーカイブ

ブログのフォントの変更


Webフォントの使用が流行っているようですが、転送速度などを考えると、ちょっと二の足を踏みます。

それでもデフォルトではどうも読みにくいので、手軽な設定変更で少しだけ本文を読みやすくしてみました。

cssのfont-familyを探して、以下のように設定しました。

font-family:メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “MS Pゴシック”, “MS PGothic”, sans-serif;

フォントには好みもあると思いますが、少しだけ読みやすくなったと思います。


Firefox11のWeb開発が便利


3/14にリリースされたFirefox11のWeb開発が結構便利です。

プラグインなどを追加することなく、左上のメニューから、「Web開発」、「調査」と進むだけです。

CSSのプロパティをチェックボックスでオンオフしながらレイアウトを確認したり、要素の重なりを3D表示したりできます。

入れ子になっている要素の流れもビジュアルにわかります。

レイアウトの確認やフォントの切り替えに便利だと思います。


ページレイアウトのちょっとした確認にはXRAYが便利 (CSS,HTML)


HTML+CSSでページレイアウトの確認をするときに、サイズを確認したいことがあります。

このXRAYをブックマークレットとして登録しておけば、使いたいときにすぐに使えます。確認したい場所をクリックするだけで、id,classの名称、とwidth,height,margin,paddingが表示されます。

ブログなどで既にレイアウトの基本ができあがっていて、なおかつcssを読み直すのも面倒だという場合に便利です。

ちょっと古いですがASCII.jpの記事も参考にしてください。