CSSのみでの日本地図をブラッシュアップしてみた

昨年CSSのみでの日本地図をつくってみたで、HTMLとCSSだけで日本地図を作ってみましたが、もうすこしブラッシュアップしてみました。
まずはスマートフォンで見た時は、タイル型に変更。
それから
見出しのスタイルをCSSだけでいくつか

CSS3が使えるようになってしばらく立ちますが、画像等を用意せずに見出しにいろいろなデザインをすることができるようになったのは、とても助かります。
今までその都度、使えそうなスタイルを探したりしていたのです
CSSのみでの日本地図をつくってみた

都道府県のリストをCSSだけで日本地図的に表現したくてあちこち探索。
Prefectly – 使おう!WebFontとCSSを使った日本地図 MOONGIFTというのがあったのですが、各都道府県からリ
汚い游ゴシックをワンクリックで見やすくする方法

たまに文字がかすれて見えるサイトがありませんか。
たとえば早稲田大学のサイトなど。
OS、ブラウザによって見え方が違いますが、Windows10 の chrome で見るとこんな感じです。
こ
width属性は優先度が低い

長いことHTMLをあつかってきたつもりですが、基本的なところも改めて調べてみると、覚え間違いをしていることが多いですね。
img要素は、上の画像のように<img src=" alt="P
font-size:14px;ってどこからどこまでが14px?(日本語遍)

font-size:14px;ってどこからどこまでが14px?で、font-size:14px;の場合の14pxは、大文字の高さ+ベースライン下に加えて、上に18%ほど余白があってそれが合わせて14pxになってみました。
...
font-size:14px;ってどこからどこまでが14px?

今日もシコシコとHTMLを書きながら、ふと気になったこと。
「font-size:14px;ってどこからどこまでが14pxなんだろう?」
気になったので、ちょちょっと
<span style
remのメリットって

今年に入って、このブログのリニューアルを裏でぽちぽちとやっています。
テーマTwentytwelveをベースに少しだけカスタマイズしようと思っているのですが、ちょっと戸惑ったのが
font-size: 0.785714 ...