От автора: в данном уроке вы найдете ответ на вопрос о том, как перенести сайт на WordPress на хостинг. Подобных уроков и статей в сети можно найти множество и, казалось бы, зачем создавать еще один урок на эту тему… Все просто, большинство материалов по данной теме рассказывают, как не совсем правильно перенести сайт, в результате чего сайт может работать некорректно. ...
Читать далее »Месячные архивы: Июль 2020
Прогрессивные веб-приложения: Руководство по практическому применению
От автора: есть много статей о PWA, в которых подробно рассказывается, что это такое и как его настроить. Тем не менее, вы не всегда можете понять их с первого раза. Моя цель — предоставить основную информацию на простом языке, которой вам будет достаточно, чтобы понять, что такое PWA. Затем я покажу вам реальный пример, чтобы закрепить полученные знания. Таким образом, ...
Читать далее »Порядок отрисовки CSS
От автора: как браузер определяет, в каком порядке произвести отрисовку контента? Первое предположение может состоять в том, что браузеры будут рисовать контент в порядке, указанном в DOM, который для HTML-страницы соответствует порядку, который соответствует исходному коду страницы. Мы можем построить простой пример, показывающий, что два div перекрываются в этом порядке. Мы перекрываем два div, задавая одному из них отрицательное верхнее ...
Читать далее »Google выпустил новый ролик из серии SEO Mythbusting
От автора: в очередном ролике из серии SEO Mythbusting представитель Google Мартин Сплитт развеял несколько общепринятых заблуждений о влиянии скорости страниц на результаты ранжирования сайта. Свежее видео из цикла SEO Mythbusting посвящено скорости веб-страницы. Краткая выжимка содержания ролика: Многие вебмастера переоценивают силу такого фактора ранжирования, как скорость загрузки. Слишком долгая загрузка негативно сказывается на пользовательском опыте. Поэтому Google учитывает этот ...
Читать далее »Зарубежные вебмастера предвещают очередной глобальный апдейт Google
От автора: в выдаче Google наблюдаются резкие изменения позиций сайтов, сопровождающиеся притоком или оттоком поискового трафика. Что доказывается результатами измерения нескольких инструментов. Начиная с 23 июля, зарубежные вебмастера стали сообщать о появлении признаков внедрения Google очередного апдейта. У некоторых сайтов незначительные колебания позиций сопровождается резким падением объемов органического трафика. Другие площадки, наоборот, стали получать больше поискового трафика из Google. Подозрения ...
Читать далее »Урок 14. Material Design. CSS фреймворк Materialize. Компонент Collapsible (Accordion)
Читать дальше…
Читать далее »Выравнивание изображений логотипов в 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 мог бы сделать это! Но это только если вещи всегда остаются такими простыми. Я знал, что это, ...
Читать далее »