Комментарии 6
Зачем использовать flexbox, если всё равно пишешь CSS, который делает тоже самое, но без flexbox?
Согласен, Flexbox — прекрасная технология, благодаря которой можно намного более гибко управлять контентом.
Но вот изучать его работу по вашим статьям мне лично как-то трудновато показалось. Я бы посоветовал для тех, кто хочет до конца разобраться в этой технологии, поизучать всего два прекрасных источника:
1. A Complete Guide to Flexbox — https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Все свойства flexbox модели, в картинках, в удобном виде, разбитые на два основных раздела. Постоянно возвращаюсь к этой статье, когда занимаюсь очередной вёрсткой.
2. Solved by Flexbox — https://philipwalton.github.io/solved-by-flexbox/
Набор flexbox-решений типичных задач в вёрстке: создание сетки сайта; стандартная разметка, с шапкой, колонками, контентом и футером; центрирование по вертикали, и так далее. Также очень часто заглядываю на примеры на этой странице и беру оттуда кусочки кода для себя.
Вот благодаря двум этим ресурсам, у меня лично, Flexbox прекрасно уложился в голове, и я теперь все вещи стараюсь верстать на нём) Так как при адаптивной вёрстке это действительно намного более удобно и полезно, чем старые подходы.
Но вот изучать его работу по вашим статьям мне лично как-то трудновато показалось. Я бы посоветовал для тех, кто хочет до конца разобраться в этой технологии, поизучать всего два прекрасных источника:
1. A Complete Guide to Flexbox — https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Все свойства flexbox модели, в картинках, в удобном виде, разбитые на два основных раздела. Постоянно возвращаюсь к этой статье, когда занимаюсь очередной вёрсткой.
2. Solved by Flexbox — https://philipwalton.github.io/solved-by-flexbox/
Набор flexbox-решений типичных задач в вёрстке: создание сетки сайта; стандартная разметка, с шапкой, колонками, контентом и футером; центрирование по вертикали, и так далее. Также очень часто заглядываю на примеры на этой странице и беру оттуда кусочки кода для себя.
Вот благодаря двум этим ресурсам, у меня лично, Flexbox прекрасно уложился в голове, и я теперь все вещи стараюсь верстать на нём) Так как при адаптивной вёрстке это действительно намного более удобно и полезно, чем старые подходы.
Тут уже перведены все части: prgssr.ru/development/fleksboks-dlya-interfejsov-osnovnye-patterny.html (10 нояб.)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Flexbox для интерфейсов во всей красе: Реализация Tracks (Часть 2)