Главная » 2020 » Июль (страница 2)

Месячные архивы: Июль 2020

Правильный перенос сайта на WordPress

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

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

Прогрессивные веб-приложения: Руководство по практическому применению

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

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

Порядок отрисовки CSS

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

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

Google выпустил новый ролик из серии SEO Mythbusting

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

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

Зарубежные вебмастера предвещают очередной глобальный апдейт Google

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

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

Выравнивание изображений логотипов в CSS

От автора:как front-end разработчик, вы, возможно, работали над созданием раздела, содержащего логотипы брендов, клиентов, компаний, которые вы перечисляете. На первый взгляд эта задача может показаться простой, но она сопряжена с рядом трудностей, связанных с выравниванием и центрированием этих логотипов. Кроме того, некоторые логотипы выглядят горизонтальными, а некоторые — более вертикальными, не говоря уже о разном размере изображения для каждого. В ...

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

Ссылки нестандартной формы с помощью подсетки

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

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

Факторы, влияющие на позицию сайта в поисковой выдаче Siri и Spotlight Suggestions

От автора: Apple раскрыла факторы, которые поисковый робот компании учитывает при ранжировании выдач для Siri и Spotlight Suggestions. На днях компания Apple обновила справочную документацию о своем поисковом краулере. В ней сказано, что ApppBot используется для индексации веб-ресурсов и предоставлении поисковой выдачи пользователям Siri и Spotlight Suggestions. Кроме этого в разделе About Applebot технической документации перечислены сигналы, которые робот учитывает ...

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

Раздвижные ряды в CSS Grid

От автора: еще один аспект редизайна meyerweb, который я хотел бы рассмотреть — это то, как я использую ряды CSS Grid для большей гибкости макета. Во-первых, давайте представим макет страницы по умолчанию здесь, на meyerweb. Это выглядит примерно так: Так просто, даже flexbox мог бы сделать это! Но это только если вещи всегда остаются такими простыми. Я знал, что это, ...

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