Несколько интересностей и полезностей для веб-разработчика #23

в 14:35, , рубрики: css, html, html5, javascript, веб-дизайн, Веб-разработка

Доброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Basket.js

Несколько интересностей и полезностей для веб разработчика #23
Basket немного похож на RequireJS, только с его помощью все подключаемые скрипты и стили кешируются в localStorage. Тесты Google и Bing демонстрируют улучшение производительности при использовании локального хранилища по сравнению с обычным браузерным кешем. Проект изначально появился как эксперимент, который полностью оправдал результаты этих тестов.

basket
    .require({ url: 'missing.js' })
    .then(function () {
        // Success
    }, function (error) {
        // There was an error fetching the script
        console.log(error);
    });


ngrok
Несколько интересностей и полезностей для веб разработчика #23

Знакомьтесь, ngrok, простой сервис который позволяет прокидывать локальный веб- сервис (любого толка: Node.js, ColdFusion, PHP и так далее) в интернет. Он позволяет не только просматривать ваши локальные сайты по доступному для всех урлу, но также тестировать входящие запросы также хорошо, как и повторять их (это может стать решающим фактором, если вы тестируете сервис с ограничениями, вы можете попросить ngrok повторить запрос без использования «настоящего» удалённого сервиса).

Frontender Magazine — «Покажите себя с помощью ngrok».

Fenix 2.0 как альтернатива ngrok, а еще есть srvdir.
Несколько интересностей и полезностей для веб разработчика #23

Xdomain

CORS альтернатива на чистом JavaScript. Xdomain весит всего 25кб (12кб в минифицированном виде), не зависит от сторонних библиотек, не требует каких либо изменений на сервере, достаточно лишь добавить proxy.html к нужному домену. Простой XHR доступ к файловым серверам Amazon и Dropbox.

//do some vanilla XHR
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://xyz.example.com/secret/file.txt');
xhr.onreadystatechange = function(e) {
  if(xhr.readyState === 4)
    alert(xhr.responseText);
};
xhr.send();

//or if we are using jQuery...
$.get('http://xyz.example.com/secret/file.txt').done(function(data) {
  console.log("got result: ", data);
});

jsPDF

Несколько интересностей и полезностей для веб разработчика #23
Замечательный инструмент для генерации .PDF на клиенте с помощью JavaScript. Радуют новые возможности, отныне многие необходимые документы можно легко и просто генерировать.

Dense.js

Несколько интересностей и полезностей для веб разработчика #23
Самое изящное решение проблемы отзывчивых изображений для дисплеев с высоким разрешением, я бы даже сказал самое хитрое. Суть в том, что скрипт при определении Retina делает размытие всех картинок и все выглядит так, как будто так и надо. По-моему очень юзабельно:

<script src="jquery.min.js"></script>
<script src="dense.min.js"></script>
<script>
    $('img').dense();
</script>

The Elements of HTML — для тех кто чтит семантику
Несколько интересностей и полезностей для веб разработчика #23

Chroma.js

Функциональная библиотека для работы с цветом. «Хрома» для цвета это как «Момент для даты. Послужной список для выполнения соответствующих задач бесконечен.

Позволяет манипулировать цветами:

chroma('#D4F880').darken().hex();  // #9BC04B

Масштабировать цвета:

scale = chroma.scale(['white', 'red']);
scale(0.5).hex(); // #FF7F7F

Управлять режимами:

chroma.scale(['white', 'red']).mode('lab');

Западные мысли или что стоило бы перевести на Хабре:

Говорит и показывает Хабр:

Напоследок:

  • ToolsOfTheTrade — лучшие сервисы и инструменты 2014 года по версии Hacker News.
  • awesome-machine-learning
  • ApplePie — еще один CSS фреймворк.
  • VLEX — декларативный подход к работе с SVG и JS.
  • Papa Parse — JavaScript CVS парсер.
  • Groovebasin — музыкальный сервер на Node.js
  • Nodemailer — посылаем email с помощью Node.js
  • Email.js — библиотека для работы с email приложениями.
  • ng-cordova — AngularJS Cordova wrappers.
  • ESLint — command line утилита с системой плагинов для линтовки JS.
  • Ruby Bookmarks, да уже есть awesome-awesomeness, но может кто-то найдет для себя что-то нужное и здесь.
  • Goji — минималистичный фреймворк для Go.
  • mailur — mail клиент на Python
  • psdash — Linux web dashboard на Python с psutils и flask.
  • ngx_pagespeed — Automatic PageSpeed optimization module for Nginx.
  • Tessel — микроконтроллер программируемый на JavaScript.
  • Can I Use готовят редизайн, которые уже доступен как beta версия:
    Несколько интересностей и полезностей для веб разработчика #23

                                                         Предыдущая подборка (Выпуск 22)

Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите пожалуйста в личку.

Спасибо всем за внимание.

Автор: ilusha_sergeevich

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js