VESELOV.SUMY.UA

Scrollbear - скрипт сохраняет позицию скролла при загрузке картинок

---

    

        
content
    


Scrollbear.start(document.getElementById('scroll'))

http://changbenny.github.io/scrollbear/

Парсинг CSV файла с помощью JS

---

Допустим csv файлик такой:

Запрашиваем файлик с этими данными

$.ajax({
  url: 'csv_data.csv',
  dataType: 'text',
}).done(successFunction);

Функция построения из csv в таблицу

function successFunction(data) {
  var allRows = data.split(/\r?\n|\r/);
  var table = '';
  for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
    if (singleRow === 0) {
      table += '';
      table += '';
    } else {
      table += '';
    }
    var rowCells = allRows[singleRow].split(',');
    for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
      if (singleRow === 0) {
        table += '';
      } else {
        table += '';
      }
    }
    if (singleRow === 0) {
      table += '';
      table += '';
      table += '';
    } else {
      table += '';
    }
  } 
  table += '';
  table += '
';
        table += rowCells[rowCell];
        table += '
';
        table += rowCells[rowCell];
        table += '
';
  $('body').append(table);
}

Коллекция html элемментов которые можно вставить в HEAD

---

https://github.com/joshbuchea/HEAD

megatype - инструмент который позволит создавать ровные типографские структуры

---

https://github.com/studiothick/megatype

Turntable.js - jquery слайдер реагирующий на движение мыши или свап движения

---

http://polarnotion.github.io/turntable/

nanobar js - маленький скрипт создания прогресс бара

---

Пример

var options = {
  classname: 'my-class',
  id: 'my-id',
  target: document.getElementById('myDivId')
};

var nanobar = new Nanobar( options );

// move bar
nanobar.go( 30 ); // size bar 30%
nanobar.go( 76 ); // size bar 76%

// size bar 100% and and finish
nanobar.go(100);

http://nanobar.jacoborus.codes/