
Cайт-визитка велотуров по Украине mountainbikeukraine.com
Описание: сайт-визитка велотуров по Украине. Что делалось: верстка темы на WordPress. Особенности: шесть языков, для многоязычности использовался плагин Polylang. Отправка запросов на почту – плагин Contact Form 7. Для отзывов и видео созданы отдельные типы постов. Контактные данные вынесены в настройку темы. Адаптивный дизайн. Адрес: mountainbikeukraine.com

Flexbox-3. Flexbox на практике
В двух предыдущих записях Flexbox-1. Flex-контейнер и его свойства и Flexbox-2. Flex-элемент и его свойства – речь шла о теории, сейчас попробуем применить это всё на практике. И увидим, что flexbox – это действительно круто. Что мы будем делать? Мы создадим html-шаблон сайта, состоящий из шапки, меню, контента, двух боковых колонок и подвала. В общем […]

Flexbox-2. Flex-элемент и его свойства
В предыдущей статье мы рассмотрели свойства flex-контейнера и поведение flex-элементов в зависимости именно от тех свойств, которые применяются к контейнеру. Теперь же изучим свойства, которые могут иметь непосредственно flex-элементы.

Flexbox-1. Flex-контейнер и его свойства. (много текста с примерами)
Технология Flexbox сама по себе не нова. Появилась уже лет как десять назад. Но вот только последнее время стала повсеместно поддерживаться браузерами, так что время перехода на верстку с помощью flex’ов уже пришло. Более того, flexbox’ы уже активно применяется, и не знать их становиться моветоном. Поэтому я подготовил шпаргалку, разъясняющую основные моменты.