![[Перевод] Топ рекомендаций по Core Web Vitals на 2023 год](https://habrastorage.org/webt/65/fk/lb/65fklbb2f2f-gr0shnqx_11kd_s.png)
Во множестве проектов web разработки для улучшения пользовательского опыта используются всплывающие подсказки — tooltips. В статье рассматривается создание переиспользуемого и гибко настраиваемого React компонента для отображения таких всплывающих под…
Я рад пролить свет на тот факт, что CSS grid-template-rows и grid-template-columns теперь можно анимировать во всех основных веб-браузерах! Что ж, CSS Grid уже давно технически поддерживает анимацию, ведь она встроена прямо в спецификацию CSS Grid La…
![[Перевод] Введение в нечёткую логику](https://habrastorage.org/webt/bu/9i/ur/bu9iurbaudwlfedgokvmkdcoozg.png)
Сворачивающиеся разделы с контентом, называемые как аккордеон, являются распространенным шаблоном пользовательского интерфейса. Однако контент, скрытый в свернутых разделах, становится невозможным для поиска по странице пользователем. Кроме того, нельз…
Переведя статью об иконках сайта, я конечно же решил настроить всё как надо на своих проектах. То есть на личном сайте и сервисе по генерации иконок (было бы странно создавать такой сервис, и не настроить для него иконки как следует). Однако, столкнулс…
«Тачка на прокачку» уже давно не выходит. А вот «Django на прокачку» снова продолжает вас радовать. В сегодняшнем эпизоде мы:1. Узнаем, что такое препроцессоры и чем они интереснее обычного CSS;2. &n…
Напишем слайдеры изображений на чистых HTML и СSS. Меняем только CSS, разметка в HTML остается неизменной. Внешний вид из-за разного CSS при этом разительно различается, а в слайдеры можно вставить неограниченное число картинок. Сначала мы создали кр…
В предыдущей статье у нас получился красивый слайдер («карусель») с круговым вращением. А сегодня я создам слайдер, пролистывающий стопку «полароидных» снимков.
Пока не смотрите код, сначала я должен вам многое про него рассказать. Поехали! К старту…
Одни расширения добавляют в браузер новые функции, а другие предоставляют данные о посещаемых веб-страницах:
Wappalyzer расскажет о технологиях, которые применялись в разработке сайта.
Similar web показывает трафик и ранжировании сайта.
Momentum и…