подключены stylesheet_custom.css и stylesheet_responsive.css в обоих страницах в правильном порядке? т.е. первым stylesheet_custom а следом stylesheet_responsive?
обычный span который расположен через absolute. и меняет свои left: и top:
границы по которым можно двигать этот спан просчитываются через js
даже codepen нагуглил. правда костыльный. но метод реализации по нему понять можно. https://codepen.io/anon/pen/EVMwWR
а что ты хочешь? выполнение твоего скрипта ничего не тормозит. т.е. он работает пока оперативка не забьется. а из за такой скорости выполнения - она забивается очень быстро.
поставь к примеру таймаут в 1 секунду. тогда не будет тормозить.
тебе как дизайнеру не нужно заботиться о фреймворках, компонентах, библиотеках и т.д.
тебе только нужно выбрать сетку и придерживаться ее. (причем даже выбрав сетку того же бутсрапа - тебе не обязательно придерживаться ширины 1200px. ты можешь изменить ширину на 1400px к примеру.) любой фреймворк кастомизируется. и фронтедер уже сам сделает как нужно.