Jump to content

monochromer

Newbie
  • Posts

    12
  • Joined

  • Last visited

Everything posted by monochromer

  1. Да, тут много недоработок и спорных моментов. но как уже сказал: Ведь суть в том, чтобы поместить все в центрирующий контейнер, общий для всех секций. Он может быть резиновым с ограничением по max-width или фиксированной ширины. Тут писали о решении такой задачи: https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/
  2. Сделал демку - показывает только принцип: http://jsbin.com/rohohagesi/edit?css,output
  3. Возможно, Вы видели версию Firefox Developer Edition или Nightly. Там, на данный момент, отличаются инструменты для тестирования адаптивного дизайна.
  4. @Endorphin, предполагается, что все html-элементы, создаваемые по БЭМу должны иметь класс. У вас там заголовок h2 остался без класса. <div class="b-about-us__head"> <h2>О компании</h2> </div> По поводу префикса b-. Когда "Яндекс" только начинали переводить все свои сервисы на БЭМ, им нужно было как-то различать, какие блоки сделаны по новой методологии, а какие - по старой. Если вы с нуля начинаете проект, то данный префикс абсолютно не нужен.
  5. Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное?
  6. У Yahoo при малых размерах окна шапка перестет быть фиксированной. В вашем же случае нужно при прокрутке перемещать .header Пример с jQuery $(function () { var $header = $('.header'); $(window).on('scroll', function () { $header.css('left', -$(this).scrollLeft()); });});
  7. Корректный поворот с помощью transform с учетом содержимого - Роман Комаров. Повёрнутый текст. Для IE8 - можно попробовать фильтры и writing-mode.
  8. То, что к тегу col не применяется атрибут align, еще не значит, что этот тег устаревший, просто к нему применяется ограниченный набор свойств. Посмотрите , например, эту тему. Можно расширить этот пример , добавив еще для поддержки селекторов в IE7 и IE8 библиотеки selectivizr и, например, NWMatcher - https://jsfiddle.net/La4n0ett/
  9. Вообще-то есть, но можно применить лишь несколько свойств. Ссылки по теме 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
  10. Насколько я знаю, анимировать можно только background-position. Даже если некоторые браузеры анимируют background-image, это как-то неправльно. Например, мы точно можем знать от какого до какого значения будет меняться background-position, задаем функцию прогресса анимации и пр. А каков алгоритм смены самой картинки? Эксперименты с анимацией градиентов есть в блоге Юлии Бахваловой: http://css.yoksel.ru/animation-for-gradients/http://css.yoksel.ru/animated-gradients-2/
  11. Например, свойства min-content, max-content до сих пор используются с префиксами, хоть появились давно. -ms приходилось использовать для flexbox, а также для построения интерфейса для приложений под Windows 8 с использованием grid.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy