Dark Hole

У меня не мерцает.

Вам к верстальщику

Итак.
Я, лично, говорю, что плохо сверстано следующих случаях:

1. Не гармонично, некрасиво, нет стиля
   
2. Используются устаревшие методы
   
3. Нечитабельный код(не важно, разметка это или стили)
   

Код
Существует множество правил, их легко найти.
В общих чертах -

• Код должен быть читабельным или, попросту, понятным
  Пример:
  Понятный:
  

  //This is test function
  function Test(maxValue, minValue){
    averageValue = (maxValue + minValue) / 2;
  }

  
  Не понятный:
  function a(b,c){d=(b/c)/2;};
  
• Старайтесь не использовать костыли и устаревшие формы
  Пример:
  Мы не знаем про то, что Math.Max может брать неограниченное количество параметров
  Math.Max(Math.Max(1, 2), 3);
  А надо было так:
  Math.Max(1, 2, 3);
  

Совсем не игрушки - CodinGame
Но зачем?

Сложную можно - например
Но такую, как вы предлагаете... полагаю, это SVG

Что касается верстки, то она довольно ужасна :). Таблицы уже редко используют, float непредсказуемый. Вы правы, лучше блоки и инлин-блоки использовать.
Что касается плана, я, наоборот, посоветовал бы крепко выучить сначала HTML + CSS, затем JS (причем ES6 в последнюю очередь). Фреймворки оставьте на потом - они только испортят вкус и добавят говнокода :)
Кстати, учите в первую очередь не очень устаревший, но не самый последний материал - помните, от IE6 прямо завтра не откажутся.

<center></center>

Знаниями.
Головой.
Фантазией.
Руками.
Чувством стиля.
Без остального можно обойтись.

Ничего удивительного. Нужно делать скорее всего все либо относительно, либо жестко
Если вы дали бы пример на CodePen.io - были более конкретные предложения

Нет возможности повесить обработчик на onresize, что ли?

Не знаете что учить? Учите JS!

Это вручную написано. Могу вам его дать.

jQuery чем не угодил? Или вы хотите, чтоб пркрутка определяла элементы?

Вас магнит интересует? Или возможность двигать мышкой?
Магнит - обычный CSS. Вот приблизительно так:

...position: absolute;/*можно fixed*/
bottom: 0;...

Двиганье мышью - JS. Тут сложнее, но...

handler.onmousedown = function(){
  handler.onmousemove = function(){
    //Обработка перетаскивания
  };
};
handler.onmouseup = function(){
  delete handler.onmousemove;
};

Любопытно, причем тут HTML?
Самый простой вариант - подцепить из кэша.
Чуть сложнее - загрузить страницу на страницу, достать ссылки изображений и потом закачать

Залейте на JSFiddle или Codepen
И используйте тег code