Webデザインに関するyazkadedのブックマーク (2)

  • コーディングは、トリックだらけ « vanillate

    ホームページのデザインが柔軟にできるようになり、ブラウザも整備され、ほぼ表現できるようになってから、「紙のような」デザインであったり、「透明な部分があるように」思わせるデザインであったりというものがたくさん発生しています。「これ、どうやってやってるの?」「ありえない!」とホームページをみて思ったことはありませんか?  これらは、画像をパズルのように組み合わせることによって表現していることがほとんどです。理解することによって、より深いウェブデザインが可能になるはずです。 よく見かけるテクニック 直にスライス切りで対応 背景対応+imgタグでボタン化 背景対応+pもしくはdivのブロック要素を配置 背景対応+aタグ(divタグやspanタグの場合も)にdisplay:block;をかけてブロック要素にしてからpositionで任意の場所にボタン化 この4点の方法をきちんと押さえておけば、いろい

  • CSS 基準文字サイズ(px)ごとの相対フォントサイズまとめ | バシャログ。

    こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。11月1日(日)~11月4日(水)まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ~に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何%だっけ?ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px

    CSS 基準文字サイズ(px)ごとの相対フォントサイズまとめ | バシャログ。
  • 1