HTML CSS

Thumbnail of post image 053

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

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

HTML CSS

Thumbnail of post image 160

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

HTML CSS

Thumbnail of post image 092

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

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

HTML CSS

Thumbnail of post image 027

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

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

HTML CSS

Thumbnail of post image 084

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

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

HTML CSS

Thumbnail of post image 072

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

...

HTML CSS

Thumbnail of post image 193

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

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

HTML CSS

No Image

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