Евгений Петров
Миром правят маленькие с#@&ки
-
вклад
-
0вопросов
-
962ответа
-
63%решений
-
Можно ли использовать абсолютное позиционирование для верстки layout'а?
Тут вопрос не в замедлении — с эти как раз у absolte всё в порядке, раз элемент не участвует в формировании нормального потока. Вопрос как раз в том, что все абсолютно позиционированные элементы не участвуют в формировании этого самого потока, и не влияют на остальные элементы.2 комментария -
Как сделать правый блок фиксированным, а левый резиновым?
В идеале — с помощью flex.
Вариант попроще — с помощью второго плавающего блока.
И самый простой вариант — сделать первый блок плавающим, и использовать calc(). -
Насколько глубоко должен знать back-end разработчик работу front-end разработчика?
Чтобы понять, что качество отличное, нужно иметь отличные знания во фронтенде. Для посредственной проверки достаточно иметь посредственные знания.
Проверка качества фронтенда — не удел бэкендера. -
Схлопывание родителя, если у дочерних элементов указан float?
У вас недвусмысленно стоит:.price { float: left; }
Допишите.product:after, #sales:after { content: ""; display: block; clear: both; }
Вам следует понять, что такое last-child (хотя, вроде, и по названию можно догадаться), и чем это отличается от last-of-type..product:last-of-type { border-bottom-color: transparent; } -
Выход за пределы контентной области полупрозрачного блока с одной стороны?
Вариант, не зависящий от ширины viewport и не требующий overflow (а иначе при большой высоте контента не будет возможности прокрутить). -
Что делать со скроллом?
Профессиональный подход — понимать, что и зачем ты делаешь.
Заменять нативные механизмы из-за «неэстетичного сдвига» — пустая трата времени и ресурсов ради достижения странной цели. -
Как сверстать 2 типа кнопок неизвестной высоты (с обводкой и без)?
Как обычно, используем псевдоэлементы.
Чтобы не морочиться с учётом левой рамки, можно использовать linear-gradient, или overflow:hidden с другим transform-origin. -
Как убрать отступ у сайта сверху в Firefox?
Проблема ваша, как и у многих, в незнании margin collapsing. Источник появления верхнего отступа у body в этом правиле:.footer { margin-top: 40px; }
Либо убирайте отступ, либо замените на padding, либо задайте:.wr:before { content: ""; display: table; }
Правильно это делать для родительского элемента, но писать правила для имени тэга — верный путь к путанице. -
Как зафиксировать рамку таблицы?
Смена плотности начертания или наклона шрифта почти всегда выглядит жутко. Безусловно, при этом происходит изменение размера строки, что влечёт такие неприятные эффекты.
Хотите фиксировать рамку? Фиксируйте ширину колонок с помощью table-layout: fixed. -
Выполнено_выполнено?
Другой вариант совмещения — использование skew().
Вот ещё пара ссылок применения подобного трюка:
Как сверстать данный (нестандартный) блок?
Как сверстать фон с треугольным прозрачным элементом с тенью? -
Как рассчитать координаты для translate(x, y) относительно системы координат вьюпорта а не системы координат объекта?
Я так и не понял, что вам конкретно нужно, но верным решением будет декомпозиция матрицы и изменение отдельных матриц трансформаций для последующего умножения и получения итоговой матрицы.
Сделал примитивный пример с matrix2d — таскаем трасформированные объекты. -
Как побороть данный баг в хроме?
Как скруглить углы у картинки, когда используется эффект увеличения при наведении?
А вот так выглядит ваш пример
Пы.Сы. Chrome, Opera, как и Яндекс-браузер, используют один движок, так что писать про Оперу особого смысла нет. -
Как заставить видео загружаться вместе со страницей?
Очевидно, встроить второй элемент video с другим источником, а при клике не src менять в единственном, а переключать видимость элементов, останавливая воспроизведение у невидимого, а видимому элементу устанавливать текущее время.
Если так хочется оставить своё решение, второй элемент оставить невидимым.