CSS Grid — это набор свойств, призванных сделать макет проще, чем когда-либо. Как и почти всегда, есть некоторая кривая обучения, но, честно говоря, с Grid будет весело работать, когда вы освоите его. Одна из областей, в которой он хорош — это хэдер и футер. Немного изменив свое мышление, мы можем получить хэдер и футер, которые ведут себя так, как будто они зафиксированы, или имеют такую «липкую» обработку (нет position: sticky, но такой футер занимает нижнюю часть экрана, даже если на странице нет достаточно контента, чтобы сместить его туда). #css3 https://webformyself.com/kak-ispolzovat-css-grid-dlya-zakrepleniya-xedera-i-futera/
Figma — это инструмент дизайна, который быстро набирает популярность и становится все более распространенным в компаниях по всему миру. В отличие от большинства программ для проектирования, Figma бесплатна и основана на браузере, поэтому разработчики могут легко получить доступ ко всем файлам дизайна, что значительно упрощает процесс передачи разработчикам. Эта статья научит разработчиков, которые не имеют ничего, кроме базового понимания инструментов дизайна, всему, что им нужно знать для работы с Figma. #figma https://webformyself.com/vse-chto-dolzhny-znat-razrabotchiki-o-figma/
Когда в 2014 году я впервые изучал основы HTML и CSS, создание заголовка веб-сайта было для меня одной из этих страшных и сложных задач. Flexbox был еще новым, и мы были вынуждены использовать старые методы, например, float. Сегодня картина совершенно другая. Flexbox широко поддерживается, и это открывает для нас много возможностей. #flexbox https://webformyself.com/sozdanie-zagolovkov-veb-sajtov-s-pomoshhyu-css-flexbox/
Помимо использования медиа-запросов и современных макетов CSS, таких как flexbox и grid, для создания адаптивных веб-сайтов, есть некоторые упускаемые из виду вещи, которые мы можем сделать для создания адаптивных сайтов. В этой статье мы рассмотрим ряд инструментов (связанных с HTML и CSS), которые у нас есть, от адаптивных изображений до относительно новых функций CSS, которые работают нативно, независимо от того, используем мы медиа-запросы или нет. #css3 #html https://webformyself.com/za-predelami-media-zaprosov-novye-funkcii-dlya-adaptivnogo-dizajna/
Если вы писали консольные скрипты на Python, тогда вы должны были сталкиваться с тем, что иногда в скрипт нужно передать какие-либо пользовательские параметры. Это можно сделать, к примеру, запросив пользовательский ввод через функцию input. Однако, есть и другой вариант передачи параметров. Из данного урока вы узнаете, как можно передать аргументы в скрипт при его запуске. #python https://webformyself.com/peredacha-parametrov-v-skript-python/
Это краткое руководство по изучению стилизованных компонентов, методологии CSS на основе компонентов, используемой в React. Если вы хотите применять стилизованные компоненты в своих проектах, это руководство поможет вам начать работу. #react https://webformyself.com/kak-ispolzovat-stilizovannye-komponenty-v-react/
В верстке таблицы являются одним из элементов, с адаптивностью которых на сайте могут возникнуть проблемы. Хотелось бы, чтобы и таблицы были адаптивными, и табличная информация осталась при этом читабельной и удобной для восприятия. В данном уроке будет показано несколько способов сделать таблицы на вашем сайте адаптивными. #css3 https://webformyself.com/adaptivnye-tablicy/