Ivan Bogachev

https://codepen.io/werty1001/pen/ZyaPaa

вы сейчас описали случаи которые можно реализовать на SCSS. И запись вида:

.block{
    .block__header{}
    .block__text{}
}

все равно перекомпилируется в CSS так:

.block{}
.block .block__header{}
.block .block__text{}

Также можно написать:

.block{
    &__header{}
    &__text{}
}

так будет правильнее.

Проще всего сделать SVG фигуру.
Почему все забывают про такой мощный и хорошо поддерживаемый инструмент? =)

https://codepen.io/delphinpro/pen/EXWexm

class="custom__button black__button login__forgot reg__button right__part mob-full__width"

На вопрос верстальщику что это такое: "Это бэм"

Вам нагло соврали. Это говнокод.

Понять BEM

Кто как адаптивно верстает 50% бэкграунды (слева одна картинка, справа другая)?
Аналогично и тут. Только без after\before картинок)
Бустрап не использую принципиально, поэтому не знаю, как сделать на нем.

а чем тебя не устраивает к примеру метод как у bootstrap 3. у элементов справа и слева паддинги по 10px в твоем случае. а для обертки magrin-left: -10px; и margin-right: -10px;

>не вижу недостатков.
Бесконечная простыня html вас не смущает?

Какие-то сложные транзишны и анимации в одну строку не сделать - уже нарушение css простоты вроде бы.

tachyons открыл доку. Названия классов адище.
Если б я на такое наткнулся был бы в шоке.
Сможете без доки угадать как оформлен элемент?
fw1 dib ttc lh-solid

Насколько я понимаю, для всяких отступов лучше использовать проценты.

Спросите дизайнера, если сами не можете разобраться.
Если по задумке отступ зависит от ширины блока, то да, проценты. Если от размера шрифта, то em или ex. Если он вообще постоянный, то пиксели.

А как быть со шрифтами и изображениями?

Аналогично.