От автора: посетителям гораздо интереснее и комфортнее на веб-страницах, если контент страницы реагирует на действия посетителя. Самыми элементарными и простыми действиями посетителя могут быть наведение курсора мыши на блоки и клик по блоку или кнопке.
От автора: важным элементом веб-страницы, особенно лендинга является CTA (call to action) – призыв к действию. CTA часто сразу пишут на кнопках «Оформить заказ», «Перезвоните мне», «Заказать расчет стоимости» и т.д. И чем лучше сделана кнопка, чем красивее эффект по наведению на такую кнопку, тем выше вероятность, что ее нажмут посетители сайта.
Автоматическое изменение размера столбцов в CSS Grid: auto-fill против auto-fit
От автора: в CSS Grid помимо явной установки размеров колонок есть еще одна из мощнейших функций – в Grid можно повторять колонки для заполнения контейнера и автоматически размещать в них элементы. В частности, мы можем указать количество столбцов в сетке, а затем браузер будет управлять адаптивностью этих колонок за нас. На маленьких экранах будет показываться меньше столбцов, а на больших – больше, так как экран позволяет вместить больше столбцов. Для этого даже не нужно писать медиа запросы.
От автора: мне одному кажется, что большую часть времени изучение новых возможностей CSS приводит к изучению не только принципа работы одного конкретного свойства, а набора свойств и того, как они работают вместе? А порой и изучения всей спецификации. Нет, я не жалуюсь: понятное дело, что свойства нужно рассматривать как часть экосистемы. Но признаюсь, я обожаю, когда новое CSS свойство появляется в браузерах, и его изучение не требует много сил, и все просто работает.
Javascript & Ajax \ Javascript 
2022-05-25
От автора: урок по решению любой проблемы в JavaScript с помощью отладки. Отладка – отличный навык для решения любых проблем в JS коде.
От автора: CSS разительно изменился за последние годы. Но для меня взрывным годом для CSS стал 2021. В этот год вышло много новых функций.
От автора: при работе с UI мне нужно было добавить разделитель между двумя секциями. Вот так, как показано на изображении ниже в статье.
CSS Grid с автозаполнением и максимальным количеством столбцов минимального размера
От автора: мы реализовали новую классную технику автозаполнения в CSS Grid в ядре Drupal 10. Думаю, ей можно поделиться с миром.
От автора: CSS hover эффекты для ссылок могут придать изюминку обычной веб-странице. Бывало ли у вас, что вы не можете придумать красивый hover эффект? Я покажу вам 6 CSS эффектов для вашего следующего проекта.
Яндекс начал отображать тематические метеосводки
Сайтостроение \ Новости
2022-04-29
От автора: Яндекс.Погода начала отображать метеорологическую сводку для садоводов. И уже в ближайшее время на сервисе появятся прогнозы для пользователей с другими увлечениями.
Все права защищены © 2023
ИП Бернацкий Анрей Васильевич
Служба поддержки
Материалы сайта (статьи, уроки, видео уроки, курсы и прочее) предназначены исключительно для самостоятельного изучения