Pull to refresh

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

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

PourOver


image
Библиотека для реально быстрой фильтрации и сортировки огромных коллекций, где речь идет о сотне тысяч элементов. PourOver построен на идеально простых запросах, которые могут произвольно формироваться друг с другом. Вы сможете объединять, скрещивать и разделять запросы. PourOver будет помнить как были построены ваши запросы и по-умному обновлять их, если появятся новые элементы или будут изменены старые. Работает на IE7+, Firefox 4+, Safari 5+, Opera 9+, Chrome 1+.

Стоит также заметить, что это проект от New York Times, на корпоративном Гитхабе которого есть еще популярный backbone.stickit плагин для датабиндинга и Tamper — serialization protocol for categorical data. В последнее время гики из западных СМИ прямо раскочегарились — вот недавно я писал про классные проекты от The Guardian и Financial Times.


Superhero.js


image
Superhero — это кладезь полезнейшей информации для JavaScript разработчиков. Это коллекция лучших статей по JavaScript, которые разделены на несколько блоков:
  1. Понимание JavaScript: синтаксис, стиль и подводные камни
  2. Организация вашего кода: API дизайн, паттерны и фреймворки
  3. Тестирование вашего приложение: тестируемый код, читаемые тесты
  4. Профессиональные инструменты: Workflow, Debugging
  5. Производительность и профилирование: быстрый и эффективный код
  6. Безопасность: принципы, управление доступом и валидация
  7. Под капотом: понимание работы браузеров
  8. На горизонте: вещи, на которые нужно обратить внимание
  9. «Удивительная лига»: другие супергероические ресурсы


Jeet


image
Простой для понимания и быстрый в использовании инструмент для построения сеток. Основан на препроцессорах SASS и Stylus. Имеет ряд преимуществ перед популярными CSS фреймворками.

Mach.js


«Лучший путь для построения полностью асинхронного сервера на Node.js».
  • Простота: прямой mapping HTTP запросов к JS функциям
  • Асинхронность: ответы могут быть отложены, используя standard Promises/A+ compatible promise
  • Streaming
  • Компонуемость

var mach = require('mach');
var app = mach.stack();

app.use(mach.gzip);
app.use(mach.logger);
app.use(mach.contentType, 'text/html');
app.use(mach.file, 'public');

app.map('files.example.com', function (app) {
  app.use(mach.file, '/www/static-files');
});

app.use(mach.session, 'session secret');
app.use(mach.params);

app.get('/', function (request) {
  return "Hello world!";
});

app.get('/posts/:postId.json', function (request, postId) {
  return query('SELECT * FROM posts WHERE id=?', postId).then(function (post) {
    return post ? mach.json(post) : 404;
  });
});

app.post('/posts/:postId/comments', function (request, postId) {
  return createComment(postId, request.params).then(function (comment) {
    return mach.json(comment, 201);
  }, function (error) {
    return mach.json({ error: error.message }, 403);
  });
});

app.get('/legacy-url', function (request) {
  return mach.redirect('/new-url', 301);
});

mach.serve(app, 3000);


Vis.js


image
Библиотека для динамической визуализации данных. С легкостью позволяет управлять большим количеством данных, а также манипулировать и взаимодействовать с ними. Множество различных вариантов визуализации.
  var container = document.getElementById('mytimeline');
  var data = [
    {id: 1, content: 'item 1', start: '2013-04-20'},
    {id: 2, content: 'item 2', start: '2013-04-14'},
    {id: 3, content: 'item 3', start: '2013-04-18'},
    {id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'},
    {id: 5, content: 'item 5', start: '2013-04-25'},
    {id: 6, content: 'item 6', start: '2013-04-27'}
  ];
  var options = {};
  var timeline = new vis.Timeline(container, data, options);


Говоря о визуализации, хочу также поделиться проектом Treed — Powerful Tree Editing Component.

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




Напоследок:


  • Не понятно почему Яндекс не сообщили об этом здесь, поэтому с радостью сообщу об этом я — Яндекс открывает набор участников по трем своим академическим программам: Школа анализа данных (ШАД), Школа менеджеров Яндекса (ШМЯ) и на летние стажировки.
  • Знаменитым комиксам и супергероям от Marvel исполнилось 75 лет. По этому случаю создали шедевральный промо сайт. Буквально пару лет назад "такого" без флеша и прочей черной магии просто не могло быть. А ведь многие до сих пор ругают W3C и постоянно чем то недовольны...image
  • HTML5 Security Cheatsheet — целый сборник XSS примеров.
  • Touchy.js — небольшой event плагин для jQuery, помимо стандартных событий в нем есть «вращение» и «вращение с инерцией.
  • Conditioner.js — построен на RequireJS и выполняет JavaScript только в случае соблюдения заданных условий.
  • PEAS — Docker and Ruby based PaaS.
  • Документируем с GitBook.
  • Ripple — очередной „реактивный“ MVC с 500+ старов.
  • Mailcover — простой и приятный сервис для проверки email адресов на валидность c JSONP/XML API и статисткой.
  • html5shiv теперь поддерживает тег <picture>.
  • Относительно недавно я написал про один крутой Gist — whiteboardCleaner, после чего хабраюзер на основе этого сделал веб-сервис.


Уважаемые читатели. Последнее время некоторые из вас обращались ко мне с просьбой посмотреть на проект и при возможности упомянуть его в одной из подборок. Если вы считаете, что ваши разработки действительно будут полезны и интересны для хабражителей, то я всегда рад знать об их существовании. Мои контакты в профиле на Хабре, но удобнее всего коротко в Twitter @ilya_pestov. А еще я предлагаю делиться всеми „крутыми штуками“ для веб-дева используя хештег #задарма и возможно некоторые из них появятся в следующей подборке интересностей и полезностей.

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

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

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

UPD: кому не нравится хештег #задарма предложите пожалуйста свои варианты в комментариях. Я исходил из следующего: во-первых — я хочу создать тег именно для веб-дев полезностей и именно для аудитории Хабра, чтобы не было всякого шлака; во-вторых — я не хочу использовать американское „freebies“, дабы не смешивать нашу с вам тему и я в принципе против неологизмов, которых и так в нашем языке много; в третьих дословный перевод „freebies“ — »халява", поэтому я отрыл старое русское аккуратное слово «задарма» — за даром.

С великим праздником святой пасхи!
Only registered users can participate in poll. Log in, please.
Понравилась ли Вам подборка?
84.34% Да 420
15.66% Нет 78
498 users voted. 107 users abstained.
Only registered users can participate in poll. Log in, please.
Как Вам блок «Западные мысли» по 5 бальной шкале?
7.51% 1 19
4.74% 2 12
16.21% 3 41
30.83% 4 78
40.71% 5 103
253 users voted. 178 users abstained.
Only registered users can participate in poll. Log in, please.
Планируете ли вы использовать хештег #задарма?
13.85% Да 50
17.17% Возможно 62
34.63% Нет 125
34.35% Нет, тупое название для хештега, хотя задумка не плохая 124
361 users voted. 160 users abstained.
Only registered users can participate in poll. Log in, please.
Планируете ли вы использовать хештег #задарма?
20% Да 1
20% Возможно 1
0% Нет 0
60% Нет, тупое название для хештега, хотя задумка не плохая 3
0% 5 0
5 users voted. 3 users abstained.
Tags:
Hubs:
If this publication inspired you and you want to support the author, do not hesitate to click on the button
+33
Comments 9
Comments Comments 9

Articles