Вопрос неконкретный может быть, но я в растерянности. Так сложилось, что я умею верстать, хоть и по профессии вообще не связан с IT. Пример верстки _antey-crimea.ru. Но в одно время не было возможности этим заниматься, а сейчас решил вернуться в тему, понял, что мои знания немного устарели и надо подтянуть скилл. Скачал html5 responsive template (вот
этот) с целью разобраться, как верстают сегодня. И офигел.
Взять хотя бы типовой класс body. Раньше он описывался примерно так:
body {
background: #ccc;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 22px;
color: #000;
}
Т.е. все просто и понятно. Что же я вижу в css вышеупомянутого шаблона
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
-moz-animation: none !important;
-webkit-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
Что это все значит? :) Я понимаю, что как то связано с анимацией, но мне просто в корне непонятно, как это работает и почему именно так записано. И таких примеров масса. Может подскажете, в каком мне двигаться направлении, чтобы максимально продуктивно освоиться в новых техниках? Может есть какие то примеры верстки распространенный типов лэйаутов в рамках современных концепций? Я просто не понимаю, с чего начать, тупо курить спецификации - начинает голова пухнуть и все бессвязно.
Простой
