Сайтостроение \ Новости

80% сайтов из ТОП выдачи имеют плохие показатели Core Web Vitals

От автора: только 19% сайтов готовы к предстоящему обновлению Page Experience и имеют хорошие показатели Gore Web Vitals. Это выяснилось в ходе мониторинга 1,5 тыс. ресурсов из различных тематических категорий.

Читать далее

Javascript & Ajax \ React

Как создать Accordion React с нуля без использования внешней библиотеки

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

Читать далее

Премиум \ JavaScript \ Фреймворк Angular

Фреймворк Angular

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

Читать далее

Верстка \ CSS 3

Как я поступаю с размером шрифта

От автора: у меня непростые отношения со шрифтами. Важно не только то, какой шрифт использовать, но и то, как подобрать их размер для любого заданного размера экрана. Для меня это важно потому, что часто замечаю, как увеличиваю текст с помощью действий ⌘ + или просто переключаюсь в режим чтения Safari для лучшего чтения. Я часто нахожу, что контент слишком мал для меня, и стараюсь не допускать подобного для людей вроде меня с ухудшающимся зрением.

Читать далее

Сайтостроение \ Новости

Теперь десктопные пользователи Яндекса получат быстрые ответы

От автора: в десктопной версии выдачи Яндекса появились быстрые ответы. Они отображаются по некоторым запросам. Ранее данный элемент представления результатов поиска использовался только в мобильной SERP.

Читать далее

Верстка \ CSS 3

Обработка текста поверх изображений в CSS

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

Читать далее