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

    2018/4/5

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

  • 見出しのスタイルをCSSだけでいくつか

    2017/12/22

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

  • CSSのみでの日本地図をつくってみた

    2017/5/12

    都道府県のリストをCSSだけで日本地図的に表現したくてあちこち探索。 Prefectly – 使おう!WebFontとCSSを使った日本地図 MOONGIFTというのがあったのですが、各都道府県からリンクする…続きを読む

  • 汚い游ゴシックをワンクリックで見やすくする方法

    2017/5/10

    たまに文字がかすれて見えるサイトがありませんか。 たとえば早稲田大学のサイトなど。 OS、ブラウザによって見え方が違いますが、Windows10 の chrome で見るとこんな感じです。 これは、Windows 8.1…続きを読む

  • width属性は優先度が低い

    2013/2/7

    長いことHTMLをあつかってきたつもりですが、基本的なところも改めて調べてみると、覚え間違いをしていることが多いですね。 img要素は、上の画像のようにと書いて、src属性はともかく、alt属性が必須項目なので、widt…続きを読む

  • font-size:14px;ってどこからどこまでが14px?(日本語遍)

    2013/1/26

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

  • font-size:14px;ってどこからどこまでが14px?

    2013/1/25

    今日もシコシコとHTMLを書きながら、ふと気になったこと。 「font-size:14px;ってどこからどこまでが14pxなんだろう?」 気になったので、ちょちょっと と書いてブラウザで表示。 結果がこれ。 mMip そ…続きを読む

  • remのメリットって

    2013/1/6

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