-
Posts
12 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by monochromer
-
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
monochromer replied to VeraVostro's question in HTML Coding
Да, тут много недоработок и спорных моментов. но как уже сказал: Ведь суть в том, чтобы поместить все в центрирующий контейнер, общий для всех секций. Он может быть резиновым с ограничением по max-width или фиксированной ширины. Тут писали о решении такой задачи: https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/ -
Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?
monochromer replied to VeraVostro's question in HTML Coding
Сделал демку - показывает только принцип: http://jsbin.com/rohohagesi/edit?css,output -
Как тестировать адаптивность в браузере Fire Fox
monochromer replied to tigrus2014's question in HTML Coding
Возможно, Вы видели версию Firefox Developer Edition или Nightly. Там, на данный момент, отличаются инструменты для тестирования адаптивного дизайна. -
@Endorphin, предполагается, что все html-элементы, создаваемые по БЭМу должны иметь класс. У вас там заголовок h2 остался без класса. <div class="b-about-us__head"> <h2>О компании</h2> </div> По поводу префикса b-. Когда "Яндекс" только начинали переводить все свои сервисы на БЭМ, им нужно было как-то различать, какие блоки сделаны по новой методологии, а какие - по старой. Если вы с нуля начинаете проект, то данный префикс абсолютно не нужен.
-
Как реализовать наклонные ленты через всю высоту страницы?
monochromer posted a question in HTML Coding
Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное? -
У Yahoo при малых размерах окна шапка перестет быть фиксированной. В вашем же случае нужно при прокрутке перемещать .header Пример с jQuery $(function () { var $header = $('.header'); $(window).on('scroll', function () { $header.css('left', -$(this).scrollLeft()); });});
-
вертикальные вкладки, в которых текст перевёрнут под 90 градусов
monochromer replied to ruvi's question in HTML Coding
Корректный поворот с помощью transform с учетом содержимого - Роман Комаров. Повёрнутый текст. Для IE8 - можно попробовать фильтры и writing-mode. -
Какой самый правильный способ выравнить два последних столбца по центру?
monochromer replied to Anymaxis's question in HTML Coding
Автор вопроса. -
Какой самый правильный способ выравнить два последних столбца по центру?
monochromer replied to Anymaxis's question in HTML Coding
То, что к тегу col не применяется атрибут align, еще не значит, что этот тег устаревший, просто к нему применяется ограниченный набор свойств. Посмотрите , например, эту тему. Можно расширить этот пример , добавив еще для поддержки селекторов в IE7 и IE8 библиотеки selectivizr и, например, NWMatcher - https://jsfiddle.net/La4n0ett/ -
Стилизация колонок в таблице c помощью <col>
monochromer replied to Светлана Г.'s question in HTML Coding
Вообще-то есть, но можно применить лишь несколько свойств. Ссылки по теме 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.