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

От автора: создать гибкие изображения, когда они находятся в макете, в наше время достаточно просто. Однако в более сложных интерфейсах нам часто приходится размещать изображения внутри адаптивных элементов, таких как эта карточка ниже. Пока давайте предположим, что это изображение не является семантическим содержимым, а лишь украшением. Это подходящее использование для фонового изображения. И поскольку в этом контексте изображение содержит объект, ...

От автора: почти треть пользователей становятся подписчиками email-рассылок брендов для того, чтобы получать информацию о новых промоакциях и скидках. Такие результаты социологического исследования обнародовала компания HubSpot. Компания HubSpot провела социологическое исследование, в котором участвовало 400 респондентов. Его цель – выяснить, что заставляет пользователей подписываться на email-рассылки и отписываться от них. Результаты исследования показали, что: Почти 30% пользователей подписываются на рассылку, ...

От автора: отложенная загрузка CSS с помощью динамического import() на примере Stencil Web Components. Целью решения является загрузка CSS по требованию. Для достижения этой цели мы можем воспользоваться динамическим import() JavaScript . Вместо обработки статических стилей сборки мы откладываем загрузку, интегрируя стили в виде кода JavaScript. Вкратце, мы внедряем CSS через JavaScript на лету. Динамический import(), который допускает асинхронную загрузку ...

Читать дальше…

От автора: в данном уроке вы найдете ответ на вопрос о том, как перенести сайт на WordPress на хостинг. Подобных уроков и статей в сети можно найти множество и, казалось бы, зачем создавать еще один урок на эту тему… Все просто, большинство материалов по данной теме рассказывают, как не совсем правильно перенести сайт, в результате чего сайт может работать некорректно. ...

От автора: есть много статей о PWA, в которых подробно рассказывается, что это такое и как его настроить. Тем не менее, вы не всегда можете понять их с первого раза. Моя цель — предоставить основную информацию на простом языке, которой вам будет достаточно, чтобы понять, что такое PWA. Затем я покажу вам реальный пример, чтобы закрепить полученные знания. Таким образом, ...

От автора: как браузер определяет, в каком порядке произвести отрисовку контента? Первое предположение может состоять в том, что браузеры будут рисовать контент в порядке, указанном в DOM, который для HTML-страницы соответствует порядку, который соответствует исходному коду страницы. Мы можем построить простой пример, показывающий, что два div перекрываются в этом порядке. Мы перекрываем два div, задавая одному из них отрицательное верхнее ...

От автора: в очередном ролике из серии SEO Mythbusting представитель Google Мартин Сплитт развеял несколько общепринятых заблуждений о влиянии скорости страниц на результаты ранжирования сайта. Свежее видео из цикла SEO Mythbusting посвящено скорости веб-страницы. Краткая выжимка содержания ролика: Многие вебмастера переоценивают силу такого фактора ранжирования, как скорость загрузки. Слишком долгая загрузка негативно сказывается на пользовательском опыте. Поэтому Google учитывает этот ...

От автора: в выдаче Google наблюдаются резкие изменения позиций сайтов, сопровождающиеся притоком или оттоком поискового трафика. Что доказывается результатами измерения нескольких инструментов. Начиная с 23 июля, зарубежные вебмастера стали сообщать о появлении признаков внедрения Google очередного апдейта. У некоторых сайтов незначительные колебания позиций сопровождается резким падением объемов органического трафика. Другие площадки, наоборот, стали получать больше поискового трафика из Google. Подозрения ...