От автора: есть много свойств CSS, о которых некоторые не знают, или знают, но забывают использовать, когда они необходимы. Некоторые из них могут помочь не использовать JavaScript для достижения определенного результата, а некоторые могут сэкономить ваше время, помогая писать меньше CSS. Как фронтенд-разработчик, я время от времени сталкивался с такими вещами и спрашивал себя, почему бы не перечислить все эти ...
Читать далее »Статьи
Гибкие изображения в макетах с изменяющимися пропорциями
От автора: создать гибкие изображения, когда они находятся в макете, в наше время достаточно просто. Однако в более сложных интерфейсах нам часто приходится размещать изображения внутри адаптивных элементов, таких как эта карточка ниже. Пока давайте предположим, что это изображение не является семантическим содержимым, а лишь украшением. Это подходящее использование для фонового изображения. И поскольку в этом контексте изображение содержит объект, ...
Читать далее »Большое количество писем – главная причина отписок от email-рассылок
От автора: почти треть пользователей становятся подписчиками email-рассылок брендов для того, чтобы получать информацию о новых промоакциях и скидках. Такие результаты социологического исследования обнародовала компания HubSpot. Компания HubSpot провела социологическое исследование, в котором участвовало 400 респондентов. Его цель – выяснить, что заставляет пользователей подписываться на email-рассылки и отписываться от них. Результаты исследования показали, что: Почти 30% пользователей подписываются на рассылку, ...
Читать далее »Динамический импорт CSS
От автора: отложенная загрузка CSS с помощью динамического import() на примере Stencil Web Components. Целью решения является загрузка CSS по требованию. Для достижения этой цели мы можем воспользоваться динамическим import() JavaScript . Вместо обработки статических стилей сборки мы откладываем загрузку, интегрируя стили в виде кода JavaScript. Вкратце, мы внедряем CSS через JavaScript на лету. Динамический import(), который допускает асинхронную загрузку ...
Читать далее »Урок 15. Material Design. CSS фреймворк Materialize. Компонент Dropdown
Читать дальше…
Читать далее »Правильный перенос сайта на WordPress
От автора: в данном уроке вы найдете ответ на вопрос о том, как перенести сайт на WordPress на хостинг. Подобных уроков и статей в сети можно найти множество и, казалось бы, зачем создавать еще один урок на эту тему… Все просто, большинство материалов по данной теме рассказывают, как не совсем правильно перенести сайт, в результате чего сайт может работать некорректно. ...
Читать далее »Прогрессивные веб-приложения: Руководство по практическому применению
От автора: есть много статей о PWA, в которых подробно рассказывается, что это такое и как его настроить. Тем не менее, вы не всегда можете понять их с первого раза. Моя цель — предоставить основную информацию на простом языке, которой вам будет достаточно, чтобы понять, что такое PWA. Затем я покажу вам реальный пример, чтобы закрепить полученные знания. Таким образом, ...
Читать далее »Порядок отрисовки CSS
От автора: как браузер определяет, в каком порядке произвести отрисовку контента? Первое предположение может состоять в том, что браузеры будут рисовать контент в порядке, указанном в DOM, который для HTML-страницы соответствует порядку, который соответствует исходному коду страницы. Мы можем построить простой пример, показывающий, что два div перекрываются в этом порядке. Мы перекрываем два div, задавая одному из них отрицательное верхнее ...
Читать далее »Google выпустил новый ролик из серии SEO Mythbusting
От автора: в очередном ролике из серии SEO Mythbusting представитель Google Мартин Сплитт развеял несколько общепринятых заблуждений о влиянии скорости страниц на результаты ранжирования сайта. Свежее видео из цикла SEO Mythbusting посвящено скорости веб-страницы. Краткая выжимка содержания ролика: Многие вебмастера переоценивают силу такого фактора ранжирования, как скорость загрузки. Слишком долгая загрузка негативно сказывается на пользовательском опыте. Поэтому Google учитывает этот ...
Читать далее »Зарубежные вебмастера предвещают очередной глобальный апдейт Google
От автора: в выдаче Google наблюдаются резкие изменения позиций сайтов, сопровождающиеся притоком или оттоком поискового трафика. Что доказывается результатами измерения нескольких инструментов. Начиная с 23 июля, зарубежные вебмастера стали сообщать о появлении признаков внедрения Google очередного апдейта. У некоторых сайтов незначительные колебания позиций сопровождается резким падением объемов органического трафика. Другие площадки, наоборот, стали получать больше поискового трафика из Google. Подозрения ...
Читать далее »