Twenty Thirteen

draft:0.1

Media Query

Twenty Thirteen
@media (max-width: 1599px)

@media (max-width: 1069px)

@media (max-width: 999px)

@media (max-width: 767px)

@media (max-width: 643px)

@media (max-width: 359px)

Twenty Twelve
@media print {}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 600px) {}

Twentyeleven
@media print {}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {}
@media (max-width: 450px) {}
@media (max-width: 650px) {}
@media (max-width: 800px) {}

CSS volume

テーマ 行数
twenty ten 1359
twenty eleven 2694
twenty twelve 1646
Twenty Thirteen 3103

Post formats

  • twentyeleven
    • array( ‘aside’, ‘link’, ‘gallery’, ‘status’, ‘quote’, ‘image’ )
  • twentytwelve
    • array( ‘aside’, ‘image’, ‘link’, ‘quote’ )
  • Twenty Thirteen
    • array(‘aside’, ‘audio’, ‘chat’, ‘gallery’, ‘image’, ‘link’, ‘quote’, ‘status’, ‘video’);

CSS

サイズの、remは、利用されなくなり、px em %で記述されるようになった模様

calc()使ってしまいましたね

calc()

レティーナ対応

アイコンフォント

リセットはノーマライズ

Retina Display

Header Iimage Size width height
twenty eleven header 1000px 288px
thumbnail 230px 66px
Twenty Thirteen header 3200px 460px
thumbnail 460px 66px

Post Formats



コメントは受け付けていません