BohdanK

$('.item-list li')each(function(index, el) {
   $(this).бла-бла-бла;
});

Решение найдено: https://github.com/lcdsantos/CSSFontFamily

В PackageControl так и называется CSSFontFamily.

Просто так, бордерами вы не сделаете, либо нужно добавить третий вспомогательный блок (ниже на картинке), либо добавить к блоку, который вверху слева, псевдокласс ::after и с помощью него скрыть границу, то есть зарисовать таким же цветом, как и фон страницы. Но тогда верхний блок должен быть фиксированной высоты.


Вот такой вариант с псевдоэлементом: https://jsfiddle.net/cchnc6t7/

var circle_viewed = false;  // Вспомогательная переменная
    var circle_scroll = $('.circle');     // Класс самой диаграммы
    var offset = circle_scroll.offset(); // Расстояние в пикселях до самой диаграммы от верха страницы 

$(window).scroll(function(){
        if ((($(document).scrollTop()) > ((parseFloat(offset.top)) - parseFloat($(window).height()))) && (!(circle_viewed ))) { //если страница прокручена то проверяем докрутили ли мы до самой диаграммы
            $('.circle-1').circleProgress({  // Если докрутили, инициализируем 
                size: 160,
                startAngle: -1.55,
                value: 0.9,
                fill:{ color: "#30bae7"}
            }).on('circle-animation-progress', function(event, progress) {  // Рисуем проценты во время анимации
                $(this).find('strong').html(parseInt(90 * progress) + '<i>%</i>');
            });

            circle_viewed = true;
});

// эта конструкция ((parseFloat(offset.top)) - parseFloat($(window).height())) делает следующее, когда вы долистываете до нужно диаграммы, то отсчет пикселей начинается с верхней части экрана пользователя, соответственно мы отнимаем высоту экрана и получается что когда долистываем до диаграммы снизу экрана, то она будет стартовать.

circle_viewed - это если мы один раз просмотрели диаграмму, то второй раз когда мы к ней долистаем, её анимировать не надо.
jQuery, разумеется, должен быть подключен.

https://jsfiddle.net/nhn5kk80/

Можно через псевдоэлементы https://jsfiddle.net/kkymeav7/

Если блочной версткой то как-то так: https://jsfiddle.net/rpL2ghb2/2/

Можно использовать слайдер Bootstrap 3, задать ширину слайдера 100%, а высоту либо через JS задать (то есть получить высоту viewport), либо можно поиграться с flex, ну и еще интересный вариант использовать единицы измерения vh и vw (viewport height и viewport width), то есть указать

.slider-container {
height: 100vh; // Высота вьюпорта 100%
}

Документацию смотреть у разработчиков браузеров, соответственно:

IE: https://msdn.microsoft.com/en-us/library/ms537434(...
https://msdn.microsoft.com/en-us/library/ms535862(...
ну и дальше искать что нужно, с русским все плохо, переводы не корректные, если есть вообще.

у Firefox более доходчиво: https://developer.mozilla.org/ru/docs/Web/JavaScri...

Chrome, Opera, Safari и большинство других работают под WebKit, соответственно ищите документацию для webkit https://developer.apple.com/library/mac/documentat...

А то что вас интересует, поиск, удаление и т.д. фактически работает во всех современных браузерах одинаково, редко приходилось сталкиваться с тем, что что-то работает по разному, в основном это касается форм, к примеру range и т.д.

Как переместить колонки с одной строки в другую с помощью bootstrap?