Как лучше задать стили через тег или присваивать класс?

Нет правильного варианта. Если второй ничего не ломает и выполняет свои функции на 100% — используйте его.

А так, если тот же BEM, то класс нужен для условной инкапсуляции.

Как в сodepen в проверять код, как отображается на малых изображениях, например мобильная верстка ( Например интересует 320 ширина)?

Юра Сторчака, отметьте решением.

Помимо этого, может поменять режим просмотра и сжимать окно результата, потянув за границу.

Какой редактор с режимомо vim посоветуете для правки html?

Jack Williams, а у меня Atom наоборот как-то медленнее работает чем тот же Visual Studio почему-то. Пока сижу на Atom по привычке.

Как сделать мертвые зоны на JS или CSS при перемещение div блока в div?

…это надо желательно на JS.

А почему в тегах HTML и CSS? Ну, собственно, на CSS и HTML это сделать нельзя и не надо, даже если как-то можно.

Как сделать так, чтобы навигационное меню и логотип были в одной строке?

Что?

Чарт-диаграммы на svg?

Потому что SVG имеет гораздо меньше ограничений по форме блоков. Поэтому, если и делать, то всё сразу на SVG, чем делать с помощью двух технологий. Даже с точки зрения поддержки это муторно.

Плюс, если сделать что-то на HTML, а потом потребуется добавить элемент, который требует SVG — то придётся делать костыли. Зачем делать костыли, когда можно сразу сделать нормально?

Вот поэтому и SVG.

Как деформировать фигуру в фотошопе, не превращая её в кривые?

Насколько знаю — никак.

А вообще, это лучше делать в Illustrator, а не Photoshop.

Как скрыть iframe?

Как-то.

Как называется такой элемент верстки?

Никак. Это — position: absolute;

P. S. Какое дешёвое мороженое.

Как отличить мышь от тачпада ноутбука?

Вроде бы нашли велосипед в ответах:
https://stackoverflow.com/questions/10744645/detec...

Оформление input range?

https://css-tricks.com/styling-cross-browser-compa...

Разный код html?

Это норма.

Слайдер в карточке товара?

Что может быть не так?

Всё что угодно.

Как сделать отступ?

Сделать ширину колонку меньше настолько, насколько нужно сделать отступ.

Начал переводить документацию вебпака. Что скажете?

Дмитрий, «казнить нельзя помиловать»?

Как анимировать Png чтобы был эффект тянущегося желе?

Элемент из трёх блоков, растягивается блок с желе по середине. Если о CSS-подходе.

Если у вас canvas и 3D, то это будет круче.

Как обойти баг с position: fixed баг на сафари?

Решения каждый раз разные в зависимости от случая. Покажите рабочий пример кода, тогда можно будет подумать.

Какие минусы использование этого формата shtml?

Сергей Ракипов, LOL. В тексте вопроса больше надменности, кстати. Я сам дизайнер и верстальщик.

Засим, если вы верстаете, то изучайте, например, сборщики, там есть куча техник сборки с include'ами.

Вот отсюда можно взять любой вариант:
https://css-tricks.com/the-simplest-ways-to-handle...

Настроить это дело — минут 10 с нуля безо всяких серверов и ерунды с SHTML.

Какие минусы использование этого формата shtml?

Сергей Ракипов:
Я PHP не знаю и не планирую изучать.

PHP:

Как реализовать перестраивание блоков?

Без JS и не получится. Такие операции не анимируются на чистом CSS.

Статья на тему:
https://medium.com/developers-writing/animating-th...

Как видите, это не самая простая задача, к сожалению.