Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/900/4a8/190/9004a819041572e64ae36cb9342f1943.jpg)
Библиотека для реально быстрой фильтрации и сортировки огромных коллекций, где речь идет о сотне тысяч элементов. 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.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/992/ed3/f36/992ed3f3638c4c63c506867479c6aa09.jpg)
Superhero — это кладезь полезнейшей информации для JavaScript разработчиков. Это коллекция лучших статей по JavaScript, которые разделены на несколько блоков:
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/fa6/fdf/785/fa6fdf7856d316f9c56157bf8692a646.jpg)
Простой для понимания и быстрый в использовании инструмент для построения сеток. Основан на препроцессорах SASS и Stylus. Имеет ряд преимуществ перед популярными CSS фреймворками.
«Лучший путь для построения полностью асинхронного сервера на Node.js».
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/ec5/e3e/395/ec5e3e3956cb7d12c7fe335c2de22853.jpg)
Библиотека для динамической визуализации данных. С легкостью позволяет управлять большим количеством данных, а также манипулировать и взаимодействовать с ними. Множество различных вариантов визуализации.
Говоря о визуализации, хочу также поделиться проектом Treed — Powerful Tree Editing Component.
Уважаемые читатели. Последнее время некоторые из вас обращались ко мне с просьбой посмотреть на проект и при возможности упомянуть его в одной из подборок. Если вы считаете, что ваши разработки действительно будут полезны и интересны для хабражителей, то я всегда рад знать об их существовании. Мои контакты в профиле на Хабре, но удобнее всего коротко в Twitter @ilya_pestov. А еще я предлагаю делиться всеми „крутыми штуками“ для веб-дева используя хештег #задарма и возможно некоторые из них появятся в следующей подборке интересностей и полезностей.
Предыдущая подборка (Выпуск 15)
Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите, пожалуйста, в личку.
Спасибо всем за внимание.
UPD: кому не нравится хештег #задарма предложите пожалуйста свои варианты в комментариях. Я исходил из следующего: во-первых — я хочу создать тег именно для веб-дев полезностей и именно для аудитории Хабра, чтобы не было всякого шлака; во-вторых — я не хочу использовать американское „freebies“, дабы не смешивать нашу с вам тему и я в принципе против неологизмов, которых и так в нашем языке много; в третьих дословный перевод „freebies“ — »халява", поэтому я отрыл старое русское аккуратное слово «задарма» — за даром.
С великим праздником святой пасхи!
PourOver
![image](https://habrastorage.org/getpro/habr/post_images/900/4a8/190/9004a819041572e64ae36cb9342f1943.jpg)
Библиотека для реально быстрой фильтрации и сортировки огромных коллекций, где речь идет о сотне тысяч элементов. 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](https://habrastorage.org/getpro/habr/post_images/992/ed3/f36/992ed3f3638c4c63c506867479c6aa09.jpg)
Superhero — это кладезь полезнейшей информации для JavaScript разработчиков. Это коллекция лучших статей по JavaScript, которые разделены на несколько блоков:
- Понимание JavaScript: синтаксис, стиль и подводные камни
- Организация вашего кода: API дизайн, паттерны и фреймворки
- Тестирование вашего приложение: тестируемый код, читаемые тесты
- Профессиональные инструменты: Workflow, Debugging
- Производительность и профилирование: быстрый и эффективный код
- Безопасность: принципы, управление доступом и валидация
- Под капотом: понимание работы браузеров
- На горизонте: вещи, на которые нужно обратить внимание
- «Удивительная лига»: другие супергероические ресурсы
Jeet
![image](https://habrastorage.org/getpro/habr/post_images/fa6/fdf/785/fa6fdf7856d316f9c56157bf8692a646.jpg)
Простой для понимания и быстрый в использовании инструмент для построения сеток. Основан на препроцессорах 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](https://habrastorage.org/getpro/habr/post_images/ec5/e3e/395/ec5e3e3956cb7d12c7fe335c2de22853.jpg)
Библиотека для динамической визуализации данных. С легкостью позволяет управлять большим количеством данных, а также манипулировать и взаимодействовать с ними. Множество различных вариантов визуализации.
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.
Западные мысли или что стоило бы перевести на Хабре:
- How my app got 455K users in the first week
- 5 Essential Elements for E-Commerce Websites
- 12 Little-Known CSS Facts
- Improve the payment experience with animations
- Surfing Modern Web With Ancient Browsers
- Stop Worrying About People Stealing Your Ideas
- Understanding CSS Timing Functions
- What You Need To Know About WordPress 3.9
- The Death of the Web Design Agency?
Напоследок:
- Не понятно почему Яндекс не сообщили об этом здесь, поэтому с радостью сообщу об этом я — Яндекс открывает набор участников по трем своим академическим программам: Школа анализа данных (ШАД), Школа менеджеров Яндекса (ШМЯ) и на летние стажировки.
- Знаменитым комиксам и супергероям от Marvel исполнилось 75 лет. По этому случаю создали шедевральный промо сайт. Буквально пару лет назад "такого" без флеша
и прочей черной магиипросто не могло быть. А ведь многие до сих пор ругают W3C и постоянно чем то недовольны...
- 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“ — »халява", поэтому я отрыл старое русское аккуратное слово «задарма» — за даром.
С великим праздником святой пасхи!
Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Понравилась ли Вам подборка?
84.34% Да420
15.66% Нет78
Проголосовали 498 пользователей. Воздержались 107 пользователей.
Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Как Вам блок «Западные мысли» по 5 бальной шкале?
7.51% 119
4.74% 212
16.21% 341
30.83% 478
40.71% 5103
Проголосовали 253 пользователя. Воздержались 178 пользователей.
Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Планируете ли вы использовать хештег #задарма?
13.85% Да50
17.17% Возможно62
34.63% Нет125
34.35% Нет, тупое название для хештега, хотя задумка не плохая124
Проголосовал 361 пользователь. Воздержались 160 пользователей.
Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Планируете ли вы использовать хештег #задарма?
20% Да1
20% Возможно1
0% Нет0
60% Нет, тупое название для хештега, хотя задумка не плохая3
0% 50
Проголосовали 5 пользователей. Воздержались 3 пользователя.