monochromer

Новенький
  • Публикации

    10
  • Зарегистрирован

  • Посещение

Репутация

2 Обычная

О monochromer

  • Звание
    Новичок

Информация

  • Пол
    Мужчина
  1. Как тестировать адаптивность в браузере Fire Fox

    Возможно, Вы видели версию Firefox Developer Edition или Nightly. Там, на данный момент, отличаются инструменты для тестирования адаптивного дизайна.
  2. Попытка разметки по БЭМ :)

    @Endorphin, предполагается, что все html-элементы, создаваемые по БЭМу должны иметь класс. У вас там заголовок h2 остался без класса. <div class="b-about-us__head"> <h2>О компании</h2> </div> По поводу префикса b-. Когда "Яндекс" только начинали переводить все свои сервисы на БЭМ, им нужно было как-то различать, какие блоки сделаны по новой методологии, а какие - по старой. Если вы с нуля начинаете проект, то данный префикс абсолютно не нужен.
  3. Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное?
  4. Проблемы с position: fixed

    У Yahoo при малых размерах окна шапка перестет быть фиксированной. В вашем же случае нужно при прокрутке перемещать .header Пример с jQuery $(function () { var $header = $('.header'); $(window).on('scroll', function () { $header.css('left', -$(this).scrollLeft()); });});
  5. Корректный поворот с помощью transform с учетом содержимого - Роман Комаров. Повёрнутый текст. Для IE8 - можно попробовать фильтры и writing-mode.
  6. То, что к тегу col не применяется атрибут align, еще не значит, что этот тег устаревший, просто к нему применяется ограниченный набор свойств. Посмотрите , например, эту тему. Можно расширить этот пример , добавив еще для поддержки селекторов в IE7 и IE8 библиотеки selectivizr и, например, NWMatcher - https://jsfiddle.net/La4n0ett/
  7. Стилизация колонок в таблице c помощью <col>

    Вообще-то есть, но можно применить лишь несколько свойств. Ссылки по теме 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
  8. Градиент в Хроме

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

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