CSS Shapes — модуль 1 (shape-outside)

uWebDesign Обзор #27 — продолжаем рассматривать последние CSS модули. Сегодня на очереди CSS Shapes module 1, который включает в себя свойство shape-outside и сопутствующие.

С помощью этих свойств можно нарушить привычный ход вещей на странице (квадратные контейнеры) и немного разбавить привычный поток контента.

Рекомендуемый стандарт здесь: http://www.w3.org/TR/css-shapes-1/
Рабочий черновик здесь: http://dev.w3.org/csswg/css-shapes/

Примеры:
• http://codepen.io/SitePoint/pen/LskqC
• http://codepen.io/SaraSoueidan/pen/05e7894a0a7dbffed0a1c9f5e0840ec9
• http://codepen.io/SaraSoueidan/pen/04a4c8380e4aa5a8e6a2b0014b2db198
• http://www.patrickcatanzariti.com/experiments/css3/cssshapes/complexpolygonimage.html

Сегодняшняя музыка — DrumNBass Volume 4 mixed by Dioptrics (Abducted LTD). Все права, как всегда, принадлежат не нам.

Мы на твиттере:
• Александр Гончаров: http://twitter.com/websanya
• Никита Тарасов: http://twitter.com/justelementar

uWebDesign это:
• Сайт: http://uwebdesign.ru
• Подкаст в iTunes: https://itunes.apple.com/ru/podcast/uwebdesign-vse-o-veb-razrabotke/id923355344
• Паблик на ВК: http://vk.com/uwebdesign
• Лента в Twitter: http://twitter.com/uwebdesgn
• Канал на YouTube: https://youtube.com/user/uwebdesign
• Страница на Facebook: https://www.facebook.com/uwebdesgn

ПРИСОЕДИНЯЙТЕСЬ
Поделиться

uWebDesign

Вы находитесь на невероятном канале uWebDesign, Вашем путеводителе в мире web разработки! Здесь вы найдете лучшие обзорные ролики и подкасты про web технологии на русском языке: web и ux дизайн, инструменты для разработки, языки программирования и многое другое. Больше всего мы концентрируемся на различных CSS модулях, работе с SVG, разработке WordPress сайтов и языке программирования PHP. Приятного просмотра! Расписание роликов: • По вторникам выходит подкаст «Суровый веб». • По пятницам на нашем втором канале выходят игровые стримы: https://youtube.com/uwdgames • От случая к случаю на канале выходят обзорные ролики про Web технологии, а также уроки про Adobe Illustrator.