Все про сайтостроение

От автора: это краткое руководство по изучению стилизованных компонентов, методологии CSS на основе компонентов, используемой в React. Если вы хотите применять стилизованные компоненты в своих проектах, это руководство поможет вам начать работу. Обзор стилизованных компонентов Styled Components — это библиотека для React и React Native для написания и управления CSS. Это решение «CSS-in-JS», то есть вы пишете CSS в файлах ...

От автора: недавно разработчики из Chrome опубликовали статью о введении нового ярлыка для высокопроизводительных веб-сайтов, цель которого — помочь пользователям найти страницы, предлагающие «высококачественный пользовательский интерфейс в Интернете». «Чтобы помочь пользователям находить отличные впечатления во время просмотра, мы рады объявить, что Chrome начнет выделять высококачественный пользовательский опыт в Интернете, начиная с маркировки быстрых ссылок…» — блог Chromium. Chrome начнет развертывание ...

28 сентября 2020 Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Мне часто задают вопросы те, кто хотят обзавестись собственным сайтом. Частенько кроме горячего желания у них больше ничего нет: ни опыта, ни финансов. Но после озвучивания примерной стоимости работ по созданию и поддержанию работоспособности площадки у многих улетучивается даже желание. Хотелось бы помочь начинающим коллегам и вселить в их сердца надежду… Так ...

От автора: для Google текстовое окружение ссылки имеет второстепенное значение. Основное внимание при оценке ссылки поисковик уделяет ее анкору. Это подтвердил Джон Мюллер. Во время общения в рамках последней прошедшей видеовстречи представитель Google рассказал об особенностях обработки ссылок алгоритмами поисковика. Джон отметил, что контекст ссылки для Google второстепенен. Большее внимание он уделяет ее анкору. Тем не менее, при отсутствии анкора ...

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

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

От автора: итак, представьте себе эту сцену, мы на технической конференции в вашем родном городе, и к вам подходит странный разработчик (это я), я говорю вам. Эй, ваш CSS реактивный? Вы можете подумать примерно следующее: «Должен ли я ответить на этот вопрос? Будет ли долгая пауза неловкой. Что такое реактивный? Зачем нам делать CSS реактивным? И наконец … Эй, не ...

Перевод статьи The failed promise of Web Components с сайта lea.verou.me, опубликован на CSS-live.ru с разрешения автора — Лии Веру Веб-компоненты обещали так много новых возможностей для HTML, с ними веб-разработка должна была стать намного доступнее для непрограммистов и легче для программистов. Помните тот восторг от каждого новёхонького HTML-элемента, который реально что-то делал? Помните, как было здорово, когда стало можно ...

От автора: размещение сайта на хостинге в Google Cloud никак не сказывается на его позициях в поисковой выдаче. Это подтвердил Джон Мюллер. Во время дискуссии с вебмастерами в Twitter представитель поисковой системы отметил, что размещение сайта на хостинге Google не даст ему преимущества при ранжировании. Джон Мюллер также подчеркнул, что на рейтинг площадки также не влияет соседство на виртуальном хостинге ...

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