Ежедневные архивы: 01.05.2020

Почему нельзя использовать HTML-закладки на одностраничных сайтах

От автора: в первой части новой серии роликов представитель Google объясняет, почему стоит использовать правильный синтаксис ссылок при их обработке с помощью JS. Команда Google запустила новый цикл справочных роликов для вебмастеров под названием Lightning Talks. В первом ролике Мартин Сплитт рассказал о правильной обработке ссылок с помощью JavaScript. Краткие тезисы видео: Для создания ссылок следует использовать тег <a> и ...

Читать далее »

Ограничение для CSS-сетки без max-width

От автора: я хочу поделиться одной техникой верстки, которую я использую в последней версии моего сайта. Ничего грандиозного, но я не видел, чтобы об этом было написано где-то еще, и я нашел это довольно полезным. Может быть, вы тоже так думаете. Я начну со следующего: большинство адаптивных макетов, над которыми я работал, имели максимальную ширину, точку, после которой гибкий макет ...

Читать далее »

Создать адаптивную траекторию движения CSS? Конечно, мы это можем!

От автора: недавно у нас имела место дискуссия на тему Анимация в рабочем пространстве: как вы могли бы сделать траекторию движения CSS адаптивной? Какие техники будут работать? Это заставило меня задуматься. Траектория движения CSS позволяет нам анимировать элементы вдоль пользовательских траекторий. Эти траектории следуют той же структуре, что и контуры SVG. Мы определяем контур для элемента, используя offset-path. .block { ...

Читать далее »

Пять способов отложенной загрузки изображений

От автора: даже при правильной оптимизации изображения могут весить довольно много. Это может оказать негативное влияние на время, которое посетители должны ждать, прежде чем смогут получить доступ к контенту на вашем сайте. Скорее всего, они потеряют терпение и перейдут куда-то еще, если только вы не придумаете решение для загрузки изображений, чтобы это не влияло на воспринимаемую скорость. В этой статье ...

Читать далее »