JavaScript » Страница 57 » Блог о СОЗДАНИЕ САЙТОВ | Разработка сайтов

Vue.js - js библиотека построения динамических интерфейсов

http://vuejs.org/

Vegas - скрипт выставления полноэкранного слайдера jQuery

ДЕМО / https://github.com/jaysalvat/vegas

PerfBar - js скрипт показывающий метрики производительности

Список метрик: Load time, latency, first paint, number of requests, front end, back end, response duration, request duration, redirects count, load event duration, dom content loaded, processing duration
http://lafikl.github.io/perfBar/

preCode.js - скрипт делает правильный отступ в pre code


    
        function myFunc(block, flags) {
          try {
            if (block.className.search(/\bno\-highlight\b/) != -1)
              return processBlock(block, true, 0x0F) + ' class=""';
          } catch (e) {
            /* handle exception */
          }
          for (var i = 0 / 2; i < classes.length; i++) {
            if (checkCondition(classes[i]) === undefined)
              return /\d+/g;
          }
        }

https://github.com/leeoniya/preCode.js

aja.js - асинхронный JavaScript и JavaScript/JSON(P)

Пример

aja()
  .method('get')
  .url('/api/customer')
  .data({firstname: 'john romuald'})
  .on('200', function(response){
      //well done
  })
  .go();

aja()
  .method('put')
  .url('/api/customer')
  .cache(false)
  .body({id : 12, firstname: 'john romuald', job : 'linguist'})
  .on('200', function(response){
      //well done
  })
   .on('40*', function(response){
      //something is definitely wrong
  })
  .on('500', function(response){
      //oh crap
  })
  .go();

https://github.com/krampstudio/aja.js

chroma.js - скрипт для всех видов преобразования цвета и цветовых гамм.

Initiate and manipulate colors:
chroma('#D4F880').darken().hex(); // #9BC04B

Working with color scales is easy, too:
scale = chroma.scale(['white', 'red']);
scale(0.5).hex(); // #FF7F7F

Lab/Lch interpolation looks better than than RGB
chroma.scale(['white', 'red']).mode('lab');

Custom domains! Quantiles! Color Brewer!!
chroma.scale('RdYlBu').domain(myValues, 7, 'quantiles');

And why not use logarithmic color scales once in your life?
chroma.scale(['lightyellow', 'navy']).domain([1, 100000], 7, 'log');