Можете рассказать о минусах дизайна и взаимодействий с постом в блоге?

bogette,

что вы подразумевали под "Скролл очень сильно лагает? Не совсем вас понял

То работает, то не работает. После перехода "назад" совсем перестает работать.

Это, скорее, корпоративный блог,

ок

изменения

Читаемость самого поста стала лучше. Это хорошо.
В комментариях та же самая проблема осталась.
Иконки соц.ссетей стоит сделать покрупнее и залить правую цветом, как и остальные.
И еще: иконки "мылятся". Может быть их лучше в виде SVG вставить? Или шрифтом?
Стоит добавить всплывающую подсказку к иконке комментариев, а то совершенно не понятно, что это такое.
При повторных нажатиях на иконку комментариев она перестает работать.
Выделение первой буквы заголовка меня бесит. Но это личное, не буду ничего утверждать.

Взгляните на тестовое?

Где-то я это уже видел....

Над чем нужно работать, что улучшать?

Maxim, пробовал, получил головную боль, не заценил. Идея хорошая, но на мой взгляд не везде ее имеет смысл применять. Если компонентов немного, а на проекте 1 или 2 фронтендера, которые вполне могут договориться, то все эти подходы со смешением CSS и JS только все усложняют на ровном месте. Мне кажется, что собирать стили отдельно в такой ситуации - не самая плохая идея, хотя и не модная. Полагаю, что это только мое личное мнение, так что не стал в ответе ничего по этому поводу советовать или утверждать.

Как залить на github-pages несколько сайтов?

Mak354, Можно в отдельной ветке хранить исходники в том виде, в котором вы их пишете, потом собирать их и копировать содержимое папки build куда-нибудь. Затем переключаться на ветку gh-pages и копировать это содержимое туда. И коммитить. Получится, что в одной ветке - все исходники, во второй - только содержимое папки build. Много действий, но если с git не очень, то это может быть временным решением проблемы.

Как залить на github-pages несколько сайтов?

Mak354, гуглите git subtree.

Как залить на github-pages несколько сайтов?

Mak354,

а следующий репозиторий мне как назвать, если nickname.github.io уже занят?

Делайте репозиторий с любым названием, пусть это будет "repo-name". Делайте в нем ветку gh-pages и кладите в нее любые файлы. Они будут автоматически расположены по адресу http://nickname.github.io/repo-name.

Как сделать стили?

Пробовал абсолютное позиционирование, но тогда на мобильной версии все ломается. И от скрола избавиться не получилось.

Сделайте демо на codepen или jsfiddle и покажите, что именно у вас там ломается.

Как адаптировать js код под php?

У вас определенно разметка в вопросе не обернута в тег code и все разлетелось. Имеет смысл поправить, а то вопрос не понятен.

Как сверстать такой элемент?

Nikolay Petyukh, Проще, но лучше все-таки размер надписи не привязывать жестко к картинке, а то на вертикальном экране телефона она вылезет по краям. Пусть лучше надпись адаптируется сама по себе, а слон сам по себе.

Как использовать маску на видео?

а вся остальная часть svg (не пустая) будет видна

qbk17, разумеется. Если вы хотите при этом иметь прозрачный фон вокруг, то лучше сразу это уточнять в вопросе - по картинке сложно такое предположить.

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

Как делать Ajax запросы в vue.js?

mletov, вот этот вариант достаточно популярный.

Как применять гайды по анимации к веб-проектам?

Как применять гайды по анимации под веб тех же Google materials, если основные параметры изингов и времени расписаны у них только под мобильные устройства и приложения?

Кривые безье для CSS-анимаций там есть, время в ms и описания того, к каким анимациям какое время применять - тоже есть. Так в чем вопрос?

Как верстать изображения с выносными названиями её элементов?

Денис Васильев, размер шрифтов у текстов не должен быть привязан к размеру самой svg. Самый простой способ - положить их в дивах поверх этой картинки. Все остальные способы, которые я пробовал, приводили к лютой головной боли из-за разного поведения в разных браузерах.

Что использовать на фронте?

Да собственно и без jquery можно (ну то есть если она уже используется в проекте - то ладно, а если нет, то и незачем ее тянуть сюда).

«Миксины» в CSS?

lavezzi1, из preset-env эту функциональность выпилили. Тогда уж лучше сказать, что postcss-apply существует сам по себе.

Как верстать изображения с выносными названиями её элементов?

Mozzarella, да. Это будет просто группа линий сверху от основного элемента image.

Как вставить аудио трек на страницу для мобильного хрома?

Острая скобочка

Используйте тег code для вставки кода.

Как сделать такой бордер?

Odisseya, Да, в этом случае и правда с border-image-source еще проще будет.

Кстати, спасибо за интересные хабра-посты про svg-магию.

Приятно слышать. Рад, что кому-то они интересны.

В чем смысл ВУЗа?

Они растягивают любую программу и добавляют туда воды, чтобы ты подольше платил)

А еще у них бюджет от государства зависит от количества студентов, так что для власть имеющих (ректорат, деканы) выгодно набрать побольше народу, дольше их обучать и желательно поменьше отчислять.

Как сделать незамкнутый контур в CSS?

Hyubert, Все строится на css-свойствах, связанных с background, а дальше каждая линия - это градиент с заданными размерами и позицией. Собственно вот и все. Тут и читать-то особо нечего, разве что просто освежить в памяти все эти свойства. Но это вы и так загуглите.