ジント兄さんのテストブログ

ジント兄さんがFC2ブログのカスタマイズを練習するために作ったブログです。

カテゴリ別のリンクを探している方、どんな記事があるかをもれなく把握したい方は、記事一覧のページをご覧になってください。

スポンサーサイト

この記事の全文

1remが10pxになる犯人は最小フォントサイズだった

CSSの単位vwをいたるところで使ったデザインを試みた。余白やら何やらを、画面の横幅に対する割合で指定することで、横のピクセル数が10000を超えるような時代が到来してもメンテナンスフリーで変わらぬレイアウトを維持できるのだフッフッフ……。 しかし早すぎた。Android 4.3以下で対応していなくて悲惨なことになった。単位vwを使わずに目的を達成できる別の手段は無いかと考えて、JavaScriptの力を借りることにした。JavaScrip...
この記事の全文

スタイルをテストのブックマークレットをIE対応してみた

bookmarklet.daa.jpさんが紹介しているbookmarkletの中に「スタイルをテスト」というものがあって、これをずっと愛用しているのですが、Internet Explorerで使えないと色々な人にオススメしづらいので、自分なりに書き直してみました。 以下のリンクをクリックすると発動するJavaScriptによって別窓が開くので、そこにCSSのコード、たとえば*{color:red;}とか入力すると即座にページに反映される便利なやつです。リンクをブラウザ...
この記事の全文

display:inline-blockとdisplay:table-cellの使い分け

CSS3のdisplayプロパティの値のinline-blockとtable-cell、なんだか似ているけど、どっちを指定すればいいのか?このような迷いが生じたことがある人はきっといるのだろう。2つは何が違うのか、最初に結論を書いておく。テーブルのセルのように横並びの関係が崩れないのがtable-cellで、inline-blockはそうではない。HTMLの<table>などのタグによるテーブル(表)は、セルの位置関係が崩れない。どうしてかというと、崩れたら...
この記事の全文
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。