[Перевод] Условные выражения в CSS
Мне нравится думать о CSS как о языке дизайна с условными выражениями. На протяжении многих лет CSS был известен как способ стилизации веб-страниц. Однако сегодня этот язык эволюционировал настолько,
читать далее
Artificial & Intelligence
Недавно в LinkedIn встретился очень любопытный пост. Пост был с картинками. На картинках были интерфейсы приложения погоды. Автор поста очень точно подметила — это не совсем про дизайн. Я скажу
читать далее
Модальное окно на чистом CSS и JS
Всем привет! Я в веб-разработке не так давно. Сейчас я пишу свой сайт, который будет выступать в качестве моего портфолио и, возможно, даже целого проекта. При добавлении модального окна для
читать далее
[Перевод] CSS-селектор :has() и междустрочные интервалы в длинных текстах
Если вы работали с сайтами, содержащими много длинных текстов, особенно с сайтами на CMS, где пользователи работают в WYSIWYG-редакторе, то вы наверняка писали CSS для управления междустрочными
читать далее
[Перевод] Топ рекомендаций по Core Web Vitals на 2023 год
Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи, представляющей собой коллекцию лучших практик, которые по мнению команды Chrome DevRel являются наиболее эффективными
читать далее
[Перевод] Анимация грида в CSS
Я рад пролить свет на тот факт, что CSS grid-template-rows и grid-template-columns теперь можно анимировать во всех основных веб-браузерах! Что ж, CSS Grid уже давно технически поддерживает анимацию,
читать далее
[Перевод] Делаем свернутый контент доступным с помощью hidden=until-Found
Сворачивающиеся разделы с контентом, называемые как аккордеон, являются распространенным шаблоном пользовательского интерфейса. Однако контент, скрытый в свернутых разделах, становится невозможным
читать далее
Как подключить препроцессор SASS/SCSS к Django
"Тачка на прокачку" уже давно не выходит. А вот "Django на прокачку" снова продолжает вас радовать. В сегодняшнем эпизоде мы: 1. Узнаем, что такое препроцессоры и чем они интереснее обычного CSS; 2.
читать далее
[Перевод] 3D-слайдер на CSS
Напишем слайдеры изображений на чистых HTML и СSS. Меняем только CSS, разметка в HTML остается неизменной. Внешний вид из-за разного CSS при этом разительно различается, а в слайдеры можно вставить
читать далее
[Перевод] Полароидный CSS и совсем немного HTML
В предыдущей статье у нас получился красивый слайдер («карусель») с круговым вращением. А сегодня я создам слайдер, пролистывающий стопку «полароидных» снимков. Пока не смотрите код, сначала я должен
читать далее
[Перевод] Как написать расширение браузера для замены шрифтов на Quasar и Vue 3
Одни расширения добавляют в браузер новые функции, а другие предоставляют данные о посещаемых веб-страницах: Wappalyzer расскажет о технологиях, которые применялись в разработке сайта. Similar web
читать далее
[Перевод] Как сделать бесконечный круговой CSS-слайдер
Слайдеры изображений, также известные как карусели картинок, очень распространены. Есть множество вариантов обычного CSS-слайдера, в котором изображения смещаются слева направо (или наоборот). Можно
читать далее