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



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