monochromer

Да, тут много недоработок и спорных моментов. но как уже сказал: Ведь суть в том, чтобы поместить все в центрирующий контейнер, общий для всех секций. Он может быть резиновым с ограничением по max-width или фиксированной ширины. Тут писали о решении такой задачи: https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/

Сделал демку - показывает только принцип: http://jsbin.com/rohohagesi/edit?css,output

Возможно, Вы видели версию Firefox Developer Edition или Nightly. Там, на данный момент, отличаются инструменты для тестирования адаптивного дизайна.

@Endorphin, предполагается, что все html-элементы, создаваемые по БЭМу должны иметь класс. У вас там заголовок h2 остался без класса. <div class="b-about-us__head"> <h2>О компании</h2> </div> По поводу префикса b-. Когда "Яндекс" только начинали переводить все свои сервисы на БЭМ, им нужно было как-то различать, какие блоки сделаны по новой методологии, а какие - по старой. Если вы с нуля начинаете проект, то данный префикс абсолютно не нужен.

Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное?

У Yahoo при малых размерах окна шапка перестет быть фиксированной. В вашем же случае нужно при прокрутке перемещать .header Пример с jQuery $(function () { var $header = $('.header'); $(window).on('scroll', function () { $header.css('left', -$(this).scrollLeft()); });});

Корректный поворот с помощью transform с учетом содержимого - Роман Комаров. Повёрнутый текст. Для IE8 - можно попробовать фильтры и writing-mode.

Автор вопроса.

То, что к тегу col не применяется атрибут align, еще не значит, что этот тег устаревший, просто к нему применяется ограниченный набор свойств. Посмотрите , например, эту тему. Можно расширить этот пример , добавив еще для поддержки селекторов в IE7 и IE8 библиотеки selectivizr и, например, NWMatcher - https://jsfiddle.net/La4n0ett/

Вообще-то есть, но можно применить лишь несколько свойств. Ссылки по теме http://stackoverflow.com/questions/1238115/using-text-align-center-in-colgroup/1238151#1238151 http://www.w3.org/TR/CSS2/tables.html#columns http://ln.hixie.ch/?start=1070385285&count=1 Пример: http://jsbin.com/hosoxaxebe/1/edit?html,css,output

Насколько я знаю, анимировать можно только background-position. Даже если некоторые браузеры анимируют background-image, это как-то неправльно. Например, мы точно можем знать от какого до какого значения будет меняться background-position, задаем функцию прогресса анимации и пр. А каков алгоритм смены самой картинки? Эксперименты с анимацией градиентов есть в блоге Юлии Бахваловой: http://css.yoksel.ru/animation-for-gradients/http://css.yoksel.ru/animated-gradients-2/

Например, свойства min-content, max-content до сих пор используются с префиксами, хоть появились давно. -ms приходилось использовать для flexbox, а также для построения интерфейса для приложений под Windows 8 с использованием grid.