Несколько интересностей и полезностей для веб-разработчика #23
Доброго времени суток уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.Basket.js
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
Знакомьтесь, ngrok, простой сервис который позволяет прокидывать локальный веб- сервис (любого толка: Node.js, ColdFusion, PHP и так далее) в интернет. Он позволяет не только просматривать ваши локальные сайты по доступному для всех урлу, но также тестировать входящие запросы также хорошо, как и повторять их (это может стать решающим фактором, если вы тестируете сервис с ограничениями, вы можете попросить ngrok повторить запрос без использования «настоящего» удалённого сервиса).
Frontender Magazine — «Покажите себя с помощью ngrok».Fenix 2.0 как альтернатива ngrok, а еще есть srvdir.
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
Замечательный инструмент для генерации .PDF на клиенте с помощью JavaScript. Радуют новые возможности, отныне многие необходимые документы можно легко и просто генерировать.Dense.js
Самое изящное решение проблемы отзывчивых изображений для дисплеев с высоким разрешением, я бы даже сказал самое хитрое. Суть в том, что скрипт при определении Retina делает размытие всех картинок и все выглядит так, как будто так и надо. По-моему очень юзабельно:
The Elements of HTML — для тех кто чтит семантику
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 версия: 
Предыдущая подборка (Выпуск 22)
Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите пожалуйста в личку.
Спасибо всем за внимание.
