Денис Инешин

Да сходу можно кучу вспомнить:
.header, .footer, .menu, .content
.logo, .products, .contacts, .gallery, .list, .news

Но зачем вам какой-то список? Думайте логически, называйте блоки так, чтобы было понятно и вам и тем кто придет после вас.

www.cisco.com/c/dam/assets/prod/wireless/cisco-wir...

Тут вам лучше плагин для браузера подойдет:
https://chrome.google.com/webstore/detail/reader-v...
https://chrome.google.com/webstore/detail/mercury-...
В Safari на MacOS - это встроенная функция.

Вообще они основаны вот на этом API: https://mercury.postlight.com/web-parser/

А вот и JS-решение: https://github.com/luin/readability

Сила в специализации, развивайтесь в своей сфере, а то вы как-то топчетесь на одном месте. Значит пора работу менять!

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

Так что мой вам совет, углубляйтесь в свою тему. Многостаночники хватающие по верхам получают очень мало, а вот крутые, знающие специалисты - очень много.

Дело не в том чего не хватает, а в том с какими ожиданиями пришли.

Например люди ищут "Доставка суши в Ташкенте", а им выпадает ваш сайт "Доставка суши в Шумкенте". Чувствуете разницу?))

1. От кликов
2. Просмотр сайта != просмотр рекламы, учитывайте блокировщики.

Нотариальное заверение нужно тоже перевести))

С адаптацией будут большие проблемы. Проще скрывать одни блоки и показывать другие для мобил.
В остальном можете начать с
https://daneden.github.io/animate.css/
https://greensock.com/tweenmax

Самый простой вариант - https://www.fontsquirrel.com/tools/webfont-generator

• Очень мощный крутой генератор шритфов для сайта с кучей настроек. Например можно выбрать таблицу только с нужными символами (если вам скажем нужны только цифры и шрифта, что очень экономит вес). + генерирует так называемый пуленепробиваемый код, работающий максимально кроссбраузерно.
  
• Главный недостаток FontSquirrel - очень многие шрифты там забанены, так как считает что вы загружаете пиратский шрифт.
  
  

Другой вариант, берем Bulletproof @font-face Syntax и конвертируем шрифты сами. Сегодня вообще можно обойтись лишь WOFF шрифтом: caniuse.com/#search=woff

Суть БЭМ не только в таком именовании, но и в том, что вы можете в любой момент взять любой блок, в любом сочетании и перенести в другое место и все будет работать. Никаких конфликтов, никаких коллизий имен, никаких зависимостей от областей видимости. В этом его сила.

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

То что вы предлагаете, конечно тоже имеет право на существование. Используйте в своих проектах, если вам это подходит.

Ну логично. Вы же пытаетесь ES6 код прямо в браузере выполнить. Так делать еще рановато.
Либо перепишите свой код на ES5, либо воспользуйтесь Babel, который скомпилирует ваш ES6 в ES5, который понимают все браузеры.