HTML CSS

昨年CSSのみでの日本地図をつくってみたで、HTMLとCSSだけで日本地図を作ってみましたが、もうすこしブラッシュアップしてみました。

まずはスマートフォンで見た時は、タイル型に変更。
それから

HTML CSS


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

HTML CSS

都道府県のリストをCSSだけで日本地図的に表現したくてあちこち探索。

Prefectly – 使おう!WebFontとCSSを使った日本地図 MOONGIFTというのがあったのですが、各都道府県からリ

HTML CSS

たまに文字がかすれて見えるサイトがありませんか。

たとえば早稲田大学のサイトなど。
OS、ブラウザによって見え方が違いますが、Windows10 の chrome で見るとこんな感じです。

HTML CSS

長いことHTMLをあつかってきたつもりですが、基本的なところも改めて調べてみると、覚え間違いをしていることが多いですね。

img要素は、上の画像のように<img src=" alt="P

HTML CSS

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

...

HTML CSS

今日もシコシコとHTMLを書きながら、ふと気になったこと。
「font-size:14px;ってどこからどこまでが14pxなんだろう?」

気になったので、ちょちょっと
<span style

HTML CSS

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