[Перевод] Шпаргалка по Flexbox (CSS3 Flexible Box)

Мне не нова магия Flexbox, но я не часто ее использую, и поэтому после паузы в использовании мне приходится открывать вот этот пост на CSS-Tricks чтобы освежить память.

Я решила создать краткую визуальную шпаргалку по Flexbox для тех случаев освежения памяти после паузы в будущем. Думаю, что у меня получилась шпаргалка, основанная на… шпаргалках.

Я подумала, что нужно бы этой шпаргалкой поделиться, может быть она станет полезной для других разработчиков также как и для меня. На этой демке на CodePen вы можете быстро потренироваться для закрепления усвоенного.

Для тех, кто захочет распечатать эту шпаргалку я подготовила PDF.

image

Комментарии (5)

  • 30 октября 2016 в 15:27

    +2

    Уважаемая администрация TM, я хотел не полагаться на внешние ресурсы и загрузить эту шпаргалку на habrastorage, но столкнулся с проблемой:

    image

    У меня к вам 2 вопроса:

    1. Что такое длина изображения?
    2. Зачем ограничивать загружаемую картинку по ширине/высоте?
    • 30 октября 2016 в 17:12

      0

      Затем, чтобы не было таких постов
      • 30 октября 2016 в 17:14

        0

        Для решения быть посту или не быть есть голосование. Хостинг картинок не должен решать такие вопросы.
  • 30 октября 2016 в 15:39

    +1

    А где перевод-то, если всё на англицком? Может лучше как-то так: https://i.gyazo.com/a0c6a71bea0bb9dd9c3d15cfafb329bf.png
    • 30 октября 2016 в 15:43

      0

      О! Кто-то отлично постарался. Напишите пожалуйста, кто автор переведенной шпаргалки. Если у него есть аккаунт на Хабре, буду рад зайти и поставить стрелку вверх, если нет — сообщество подарит инвайт :)

© Habrahabr.ru