просмотр Категория

Сайтостроение

Автоматическое изменение размера столбцов в CSS Grid: auto-fill против auto-fit

Нам достаточно написать для этого всего одну строку CSS. Это напоминает мне момент из Гарри Поттера, когда Дамблдор взмахнул своей палочкой и «мебель разлетелась по местам; осколки безделушек мгновенно собрались вместе; перья вернулись в…

Соотношение сторон это круто

Свойство aspect-ratio отвечает всем этим требованиям и решает все глупые костыли (соотношение сторон) одной строкой. Свойство поддерживается уже год, но уверенно его использовать мы смогли только после релиза для Safari в сентябре 2021.…

Как дебажить JavaScript код

Каждый день мы просыпаемся, завтракаем, идем к компьютеру, садимся и пишем идеальный код, который делает именно то, что мы хотим. А потом мы просыпаемся. Было бы круто, правда? Но это лишь сон. Насколько бы хорошим кодером вы не были, вы…

4 новые удивительные CSS функции в 2022

Среди новых функций можно назвать контейнерные запросы, родительские селекторы, правила управления каскадированием, CSS Grid и т.д. Все главные производители браузеров в восторге от всех этих функций. Это очень помогает нашим…

Динамический разделитель строк через Flexbox

На экранах поменьше разделитель должен становиться горизонтальным: Давайте рассмотрим HTML. Практический курс по верстке адаптивного сайта с нуля! Изучите курс и узнайте, как верстать современные сайты на…

CSS Grid с автозаполнением и максимальным количеством столбцов минимального размера

Требования: Пользователь определяет максимальное число колонок. Это будет «естественное» состояние нашей автозаполняемой сетки Если ячейка сетки становится уже заданной пользователем ширины, сетка перестраивается и уменьшает количество…

6 креативных идей CSS hover эффекта для ссылок

Мы говорим про :hover. Однако бывают случаи (не всегда), когда лучше добавить также :focus, так как не всегда для взаимодействия используется мышь. Иногда это может быть тачскрин или нажатие клавиш. Эффект скользящей подсветки ссылки при…

Яндекс начал отображать тематические метеосводки

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

Разработкой отечественного аналога Google Play занимается VK

Руководитель Минцифры Максут Шадаев рассказал, что сейчас ведется разработка отечественного заменителя Google Play. Запуск платформы состоится в мае текущего года. Тогда должна заработать бета-версия сервиса. Над созданием сервиса…

В Минцифре задумались над созданием отечественной библиотеки шрифтов

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