А как вы делаете свои jpeg'и прогрессивными?

zooks: У меня заработал. Проверить можно, посмотрев в IrfanView информацию по картинке

А как вы делаете свои jpeg'и прогрессивными?

ivan1kazantsev: Да, расширение. Насколько я понимаю, imagemin - это просто обертка для запуска разных плагинов работы с картинками.

Есть ли вообще какой-нибудь толк от HTML5 семантической разметки страницы?

iBird Rose: Вполне допустимо и рекомендовано стандартами

header
main
 article
   section
    header
    div
    footer
   section
    header
    div
    footer

Есть ли вообще какой-нибудь толк от HTML5 семантической разметки страницы?

header - это не только шапка сайта. Их может быть множество на странице. Без классов все равно будет туго.

Медиа от нескольких видео сервисов внутри табов, может есть готовые решения или как быть?

Использовать API соответствующих сервисов. У ютьюба есть, про остальные не знаю.

Как грамотнее сделать, добавление ID пользователя к задаче, или ID задачи к пользователю?

https://habrahabr.ru/post/193380/

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

хотя в контексте целого блока из пяти кругов, нужно как-то по другому будет задавать размеры.

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

Виталий Киренков: Ваш вариант тоже не идеален =)
Там положение стрелки зависит от двух размеров - диаметр круга и длины стрелки. Можно уменьшить зависимость до одного - длины стрелки
left: 100%; /* всегда диаметр круга */
margin-left: 100px; /* длина стрелки */

Как создать двумерный массив в html для последующей обработки в php?

Виталий: Зачем этот шлак, если автор вопроса и так всё правильно делает?

Почему не работает градиент в Хроме и Опере?

Ankhena W: направление вверх. Хотя очевиднее было бы написать "to top"

Как узнать какое radio активировано??

Тот у которого checked O_o Очевидно же.

Изображение не доходит до края li, почему?

Евгений Тарасевич: Инлайновый контекст форматирования - большая и сложная тема. В одном предложении не расскажешь. Читайте циклы статей по теме на css-live.ru.

Вёрстка отдельных элементов?

Хотя если без взаимодействия с пользователем, то проще. тупо перерисовываем кадры или часть кадра

Вёрстка отдельных элементов?

Александр Шибков: канвас - это просто рисование. Как минимум добавляется самостоятельная обработка мыши для отработки реакций и прочий геморрой. Как в юности на паскале в графическом режиме =)

Вёрстка отдельных элементов?

Александр Шибков: на самом деле будет почти одинаково) картинки без цветовых переходов, а пустота легко сжимается. png - это ведь не битмап

Вёрстка отдельных элементов?

Александр Шибков: не спрайт, а именно одна картинка. в свг же можно управлять отдельными контурами/элементами.
Лучше пример - codepen.io/iamjoshellis/pen/KVdQqm
Вот единая цельная картинка. Масштабируется. Отдельные элементы анимируются (ткните барабаны)

Вёрстка отдельных элементов?

Александр Шибков: У вас картинка в каком формате? Если растр, то лучше попросить у дизайнера векторный вариант.
Вектор загоняешь в иллюстратор и сохраняешь в свг
Или может быть фотошоп со встроенными смарт объектами. Тогда по отдельности смарт объекты в иллюстратор, потом в свг.
Что касается анимации, то в принципе анимируется так же как html элементы.

Вёрстка отдельных элементов?

можно вообще сделать цельную свг и анимировать ее элементы.

Вёрстка отдельных элементов?

с анимацией проблемы будут

Вёрстка отдельных элементов?

Да, абсолютами.
Картинки svg. А можно заморочиться и сделать все css-ом )