Дмитрий Сергеевич

Белым псевдо-атрибутом перекрыть бордер, а вторым нарисовать вертикальную черту

columns на чистом css / flex masonry

Делать можно по разному. Технология называется timestamp. Советую ее загуглить и выбрать на каком языке и каким образом будет удобнее ее делать именно вам.

А где собрались продавать?

Встроенный в Хром инструмент разработчика достаточно точный

jsfiddle здесь бы не помешал

.cart-a:hover .basket {
    color: red;
}

1. Можно использовать флекбокс
2. Можно модифицировать сетку на display table и display table cell (если нужна поддержка доисторических браузеров)
3. Можно модифицировать сетку на display inline block и margin-left -4px (грубый фикс пробелов)
4. Выравнивать колонки при помощи brm.io/jquery-match-height (пожалуй последнее что стоит использовать)

Да, ты что-то упустил.

Какой-то у вас не правильный БЭМ

Эта проблема решается правильной структурой проекта.
Даже uncss становиться бесполезным если все изначально сделать правильно.

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Типографские правила
|   ...                  # и т.д.
|
|– components/
|   |– _buttons.scss     # Кнопки
|   |– _carousel.scss    # Карусель
|   |– _cover.scss       # Обложка
|   |– _dropdown.scss    # Выпадающий список
|   ...                  # и т.д.
|
|– layout/
|   |– _navigation.scss  # Навигация
|   |– _grid.scss        # Сетка
|   |– _header.scss      # Шапка
|   |– _footer.scss      # Подвал
|   |– _sidebar.scss     # Боковая панель
|   |– _forms.scss       # Формы
|   ...                  # и т.д.
|
|– pages/
|   |– _home.scss        # Стили, особые для главной страницы
|   |– _contact.scss     # Стили, особые для страницы контактов
|   ...                  # и т.д.
|
|– themes/
|   |– _theme.scss       # Тема по умолчанию
|   |– _admin.scss       # Тема админа
|   ...                  # и т.д.
|
|– utils/
|   |– _variables.scss   # Переменные Sass
|   |– _functions.scss   # Функции Sass
|   |– _mixins.scss      # Примеси Sass
|   |– _helpers.scss     # Помощники классов & placeholder’ов
|
|– vendors/
|   |– _bootstrap.scss   # Bootstrap
|   |– _jquery-ui.scss   # jQuery UI
|   ...                  # и т.д.
|
|
`– main.scss             # главный файл Sass

В доках SASS написано что в медиа запросах не сработает данная конструкция. Буквально вчера прочитал. sass-guidelin.es/ru

Странный вопрос. Как будто вы их вручную будете запихивать в спрайт.

Не стоит, постоянно будет голова болеть.

<td class="col" valign="bottom" style="width:100%; height: 64px; vertical-align:bottom;">
          <a class="footerlink" href="http://course.zaobrazovanie.ru" target="_blank">http://course.zaobrazovanie.ru</a><br>
          <a class="footerlink" href="http://vk.com/zaobrazovanie" target="_blank">http://vk.com/zaobrazovanie</a>
</td>

Так он и прижат к низу, просто у контейнера не такая высоты как у соседнего столбца, потому что они не в общей таблице..
Вот, я задал такую же высоту как у соседнего контейнера, все встало как надо.

codepen.io/anon/pen/QjdQxv

Ну кто же постит такой вопрос без ссылки на проблему или хотя бы плагин/код который был использован для вставки видео. Все-таки здесь не форум телепатов. (здесь появится ответ, когда вопрос будет корректно сформулирован)

Поменьше фанатизма. Когда озвучивается требование "Верстка должна быть выполнена с использованием пиксельперфекта" в первую очередь имеется в виду именно сетка. Шрифты в фотошопе, каждом браузере и каждой ОС рендеряться по своему и добиться полной идентичности почти не возможно, да и нужно ли?

п.с. ну и вопросу в заголовке нужно придать больше смысла. Я как посмотрел на него сразу задумался на минуты две, а что я делаю в этой жизни не так? Стоит ли вообще заходить в эту тему если я сам для себя не могу ответить на этот вопрос ;)

Да, господи, какие еще плагины. Простейший кейфрейм. Не ленись, скачай простейшую css3 анимацию с кейфреймом входа и выхода, затем просто вставь нужный транзишн эффект. Все, готово. Это проще чем кажется, поверь!

Самому добавлять не актуально. За меня это делает gulp.