А вы знали, что в современном JavaScript есть поддержка специального синтаксиса для создания приватных переменных и функций?
Спецификация «CSS3» имела огромный успех. Целая куча новых вещей была реализована, и было очень здорово, чтобы мы могли наконец-то получить их в CSS. Градиенты, анимации и переходы, радиусы границ, тени, трансформации… вау! Более того, красивый баннер CSS3 (и духовный покровитель «HTML5») взлетел, и индустрия была просто переполнена учебными материалами обо этом всем.
Несомненно, за это время многие люди увлеклись этими технологиями. Я также думаю, что нет никаких сомнений в том, что с тех пор многие люди так и не возвращались к изучению CSS.
Так что же им сказать?
Светлая и темная темы, как способ реакции интерфейсы на смену дня и ночи придумали для мобильных устройств. Позже подобная практика распространилась и на компьютеры, а сегодня появляется на все большем и большем количестве сайтов.
Давайте посмотрим, как вы можете сделать это на вашем сайте.
Использование flex для центрирования в CSS - это, пожалуй, самый правильный вариант сегодня.
.gentle-flex {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1ch;
}Но это далеко не единственный вариант.
Давайте представим, что вам необходимо выровнять по горизонтали несколько inline-* элементов. text-align: center; сделает это буквально в одну строку.
See the Pen Centering Inline Elements by Chris Coyier (@chriscoyier) on CodePen.
А что, если вам надо отцентрировать эти же элементы относительно родительского элемента? Это легко сделать с помощью width: fit-content для родительского контейнера.
See the Pen Centering Unknown Width Parent by Chris Coyier (@chriscoyier) on CodePen.
В наш век технического прогресса нет ничего удивительного в том, что многие ценные и важные знания можно найти в свободном доступе. Касается это и знаний в такой области, как программирование, которое ныне становится всё более популярной деятельностью на рынке труда. Стать программистом можно, не имея при этом большой суммы денег в кармане.
Visual Studio Code — один из самых популярных редакторов кода. Многие разработчики предпочитают его, так как он удобен в использовании и содержит множество полезных расширений, с помощью которых легко оптимизировать работу.
Полезные плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы. Чтобы установить расширения, необходимо перейти во вкладку «Extensions» и с помощью поиска найти нужный плагин.
Новые MacBook-и (и Mac Mini) на процессорах Apple M1 появились в продаже. Устройства показывают потрясующую скорость и время работы от батареи, будучи относительно дешевыми. Многие обзорщики советуют эти компьютеры к покупки для повседневных задач. Но ситуация немного меняется, если говорить о разработчиках программ.
В этой лекции поговорим о парадигме объектно-ориентированного программирования (ООП) применительно к JavaScript. Как создавать классы/объекты и наследоваться от них.
Это десятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.
В этой лекции поговорим о парадигме функционального программирования приминительно к JavaScript. Но конкретно рассмотрим только читые функции, функции высшего порядка и рекурсию.
Это девятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.
Первая работа в АйТи. Первое собеседование на должность программиста. С чем предстоит столкнуться и на какие вопросы надо знать ответы. Ну и конечно же, как не бояться.
Это восьмая лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.
1.3 тыс.