выделятор блоков

использовать проценты в js и css
https://jsfiddle.net/zm168zwt/2/

number*10/10

var regexp = /([^\]\[]+)(?=\])/g,
     str = "[123][456][qwerty]",
     result=str.match(regexp);
 alert(JSON.stringify(result));

full необязательный параметр, если full = true, функция вернёт true, только когда элемент полностью виден.

function elemInViewport(elem,full) {
    var box = elem.getBoundingClientRect();
    var top = box.top;
    var left = box.left;
    var bottom = box.bottom;
    var right  = box.right;
    var width = document.documentElement.clientWidth;
    var height = document.documentElement.clientHeight;
    var maxWidth = 0;
    var maxHeight = 0;
    if(full) { maxWidth = right - left; maxHeight = bottom - top};
    return Math.min(height,bottom)- Math.max(0,top) >= maxHeight && Math.min(width,right)- Math.max(0,left)>= maxWidth
}