Kater-auf-Dach

Foundation более гибок, его попроще использовать для семантической верстки, о чем хорошо написано в документации:

.container {
  @include grid-row;
}
.main-content {
  // Use a custom fraction (20%)
  @include grid-column(1 of 5);
}

И еще. 6я версия позволяет делать сетку как раз на флексах

Слишком много подводных камней при совершенно не очевидном (до полного отсутствия) профите.
Куда интереснее в этом плане смотрится методология AMCSS от Глена Маддерна. Хотя и там немало проблем.

Хотя решение есть и довольно давно, немного уточню и подправлю сам вопрос - если кто еще задается таким вопросом.
Строго говоря, в оригинальной нотации БЭМ класс.menu_item_active {} будет выглядеть как .menu__item_state_active {}.
Это случай модификатора типа «ключ — значение», полное имя которого создается по схеме:
block-name__elem-name_mod-name_mod-val.
Поэтому не btn_big_red, а btn_color_red и btn_size_big, то есть тут уже 2 модификатора.
Подробнее - в соглашении по именованию, в самом низу также есть раздел "Альтернативные наименования"

Почитайте про clearfix. Так очищают поток при использовании плавающих элементов.

Дополню ответ:
Это часть micro clearfix hack Галлахера
Собственно, код:

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

Хмм... Вроде все нормально, закруглений нет:
раз, два

А нужен ли заказчикам такой дизайн? Сплошняком Bootstrap, плюшки HTML5/CSS3, параллаксы, бэкграунды и прочее во весь экран и т.д. А заказчику нужна простая визитка, у него небольшой бизнес и продает он, допустим, запорную арматуру, и у половины его клиентов Windows XP и старые машины... И не нужны ему все эти красивости, а нужен простой лаконичный дизайн, не 10-летней давности, конечно, но именно что простой.

Можно фоновым изображением, можно через псевдоэлемент ::after

Adobe еще летом представила Project Parfait, сейчас он называется Creative Cloud Extract, доступен через учетку в Creative Clouds, вот описание с сайта.
Ну и есть кроссплатформенный Brackets, который можно скачать с уже установленным Extract.
Есть одно "но": можно только извлекать данные, нарезать макеты, а редактировать их уже не получится.

Можете посмотреть еще библиотечку Hover - в разделе Border Transitions есть нечто похожее, но надо допиливать

Часто советуют так: Crucial MX100, если 256-512Gb, Crucial M550/Plextor M6S, если 128Gb

Не успел задать похожий вопрос, правда, более конкретный. Задам тогда уж здесь. Но, может, автору будут полезны и мои соображения.
Итак, стоит задача выбора монитора, цель - веб-разработка, прежде всего верстка и немного кодинга, плюс серфинг, работа с документами. В игры не играю, для фильмов есть телек. Зрение откровенно хреновое. Бюджет - до 12-13 тыс.

Есть 3 основных варианта:
1. 27' FulHD на матрице AMVA или AH-IPS,
2. 24' соотношение сторон 16:10 на AH-IPS,
3. 24' соотношение сторон 16:9 на AMVA или AH-IPS.
По задачам вроде как больше подходит AMVA и 16:10, но под такое разрешение есть только AH-IPS. С другой стороны, крупный пиксель на 27', наверное, больше подойдет для моего зрения.
Впрочем, есть еще вариант - два монитора 21.5' (например, такой) - тоже влезает в бюджет, и при этом кажется удобнее, чем ультравайд 29' (21:9)

Может, кто сможет подсказать, исходя из своего личного опыта, что лучше и удобнее для глаз и работы? Ибо в магазине это всё же довольно сложно понять...

Стоит похожая проблема.
Причем у меня даже 3 варианта: апгрейдить ноут + покупка монитора, собрать PC, купить MacMini с последующим апгрейдом (+ память и SSD). И каждый следующий вариант дороже предыдущего :)

По вашему вопросу.
Можно купить вначале монитор и (если много работы с текстом) периферию. Можно добавить к этому винты - HDD и SSD. Это то, что даст результат сразу. При сборке определитесь сначала с корпусом - исходя из этого будете уже подбирать комплектующие.
Ждать того, что комплектующие подешевеют смысла нет, особенно с нынешним курсом. Достаточно посмотреть на ценник интеловских процессов 3-го поколения. Да и цена на хороший комп неизменна...
Посмотрел, за последние 1,5 недели цена моего конфига выросла на 5,5% (1500 руб.) o_O