<meta charset="utf-8"> должен идти перед <title>Заголовок</title>, иначе кодировка в заголовке страницы может не определиться. Про остальные ничего сказать не могу. Наверно, просто до кучи написали, чтобы все три мета тега шли первыми, а причины есть только для кодировки. Поправьте, если ошибаюсь.
Modernizr — это JavaScript-библиотека, которая узнаёт, что из HTML5 и CSS3 умеет браузер пользователя. Определяя возможности браузера, разработчик может сделать откат некоторых функций для старых версий браузеров.
.no-js .my-button {
display: none;
}В процессе возникают нюансы, которые не удалось определить на этапе проектирования
Зачем придумывать такие сложные штуки как медиазапросы и так далее?
ul {
padding: 1em;
}
ul li {
border-bottom: 1px solid #0F0F0F;
}
ul li:last-child {
border-bottom: none;
}
ul li + li {
border-top: 1px solid #262626;
}.sidebar
width 260px
height calc(100% - 65px)
border-right 2px solid $border-color
background-color #EFF4F7
.sidebar-item
border-bottom 1px solid $border-color
a
display inline-block
width 100%
padding 14px 25px
i
margin-right 12px
&:hover
background-color white
&:first-child
border-top 1px solid $border-colorСам еще не до конца разбираюсь, но, помоему, это сильно сказывается на скорости загрузки?
.man-top {
margin-left: -48px;
margin-top: -547px;
width: 504px;
height: 697px;
background: url('../img/man-top.png') no-repeat;
}
@media screen and (max-width: 360px) {
.man-top {
display: none;
}
}.man-top {
display: none;
margin-left: -48px;
margin-top: -547px;
width: 504px;
height: 697px;
background: url('../img/man-top.png') no-repeat;
}
@media screen and (min-width: 361px) {
.man-top {
display: block;
}
}.test {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
overflow: hidden;
}