Немного о веб-технологиях
Мой блог содержит заметки о различных веб-технологиях, как клиентских, так и серверных. Здесь будут раскрыты вопросы html-верстки, программирования на javaScript и jQuery,разработки на PHP. Не останутся без внимания популярные системы управления сайтом «1С-Битрикс», Joomla и другие. О работе с ними, я также буду писать.
Мои заметки предназначены в основном для начинающих веб-мастеров. Несмотря на это, опытные разработчики также найдут здесь что-нибудь интересное для себя.
В своем блоге я собираюсь публиковать статьи о современных веб-технологиях (HTML5, CSS3 и других). Если в процессе работы над проектами я открываю для себя «свежее» решение какой-либо задачи, я записываю сюда информацию об этом, что позволяет мне при необходимости применять полученные знания в будущем.
Надеюсь информация будет полезна для посетителей.
Изучаем свойства CSS Grid с Griddy.io
Если вы не отстаете от современных веб-технологий, то вам следует знать о CSS сетках (CSS Grid). Эти свойства являются новыми дополнениями к формату CSS3 и быстро становятся лучшим другом разработчика.
Как создавать сложные макеты с помощью CSS-сетки
Во предыдущей статье мы узнали, как работает CSS Grid и как с его помощью легко создавать простые макеты.
Сегодня мы узнаем, как с его помощью создавать более сложные макеты.
Знакомство с CSS-сеткой (CSS grid)
CSS Grid - это невероятно мощный способ создания макетов. Но поскольку у нее «богатые» возможности (и в большинстве уроков авторы любят показывать все модные вещи, которые может сделать с помощью нее сразу), изучение основ может быть ошеломляющим.
В этой статье автор хочет демистифицировать CSS Grid и показать вам, как создать несколько простых макетов на основе сетки с помощью всего лишь нескольких строк CSS-кода.
Создание адаптивной сетки, используя всего 3 свойства CSS
Что если я скажу вам, что вам нужно знать только 3 свойства CSS, чтобы создать полностью адаптивную CSS сетку, показанyю ниже:
Давайте начнем с HTML кода.