- PVSM.RU - https://www.pvsm.ru -
Доброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
[1]Scala.js [1]
Существует достаточно много разработчиков предпочитающих создавать веб на Scala, но JavaScript остается самым популярным языком программирования. Видимо, поэтому на свет появился Scala.js — компилятор Scala в JavaScript с очень проработанной функциональной совместимостью.
[2]Hackathon-Starter [2]
Замечательный boilerplate для Node.js проектов. Базовая регистрация через email, авторизация по OAuth (Twitter, Facebook, GitHub, Google), красивые уведомления на animate.css, автокомпиляция LESS, Bootstrap 3 + Flat UI + iOS7 Theme, контактная форма и стандартный функционал управления аккаунтом.
[3]Node App [3]
Вы когда нибудь задумывались о возможности писать приложения для iOS и OSX на Node.js? А проект позволяющий решить эту задачу уже есть. Более того часть (хоть и маленькая) функционала доступна уже сейчас. Пишу о проекте с мыслями о том, что хабраобщество значимая единицы социального коддинга…
[4]
Маленький (1.6 кб в gzip), но очень полезный скрипт, позволяющий заметно ускорить загрузку страниц. Все дело в том, что промежуток времени между наведением и кликом на ссылку в среднем составляет 200 — 300 миллисекунд (в этом можно убедиться на специальной странице [5]). Инстантклик использует это время и начинает подгрузку документа при наведении на ссылку. В нем используется pushState (HTML5 History API) и AJAX.
<a href="some-page.html" data-instant>Link</a> <!-- Белый список ссылок -->
<a href="/blog/" data-no-instant>Blog</a> <!-- Черный список -->
...
<script src="instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
</body>
</html>
[6]
Изящное решение при работе с JSONP, если вы хотите отобразить последние комментарии с GitHub, снимки с Instagram или 500px, шоты с Dribble, пины с Pinterest или что нибудь другое.
<script>
dug({
endpoint: 'http://api.dribbble.com/players/justinmezzell/shots',
template: '<ul>
{{#shots}}
<li>
<a href="{{url}}" title="{{title}}">
<img src="{{image_400_url}}" alt="Image of {{title}}">
</a>
</li>
{{/shots}}
</ul>'
});
</script>
Предыдущая подборка (Выпуск 10) [19]
Приношу извинения за возможные опечатки. Если вы заметили проблему — напишите пожалуйста в личку.
Автор: ilusha_sergeevich
Источник [20]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/news/55106
Ссылки в тексте:
[1] Image: https://github.com/scala-js/scala-js
[2] Image: https://github.com/sahat/hackathon-starter
[3] Image: https://github.com/node-app/Interpreter
[4] InstantClick: http://instantclick.io/
[5] специальной странице: http://instantclick.io/click-test.html
[6] Dug.js — A JSONP to HTML Script: http://rog.ie/blog/dugjs-a-jsonp-to-html-script
[7] Editor — простой и качественный Markdown редактор: https://github.com/lepture/editor
[8] Codecombat: http://codecombat.com/
[9] iCheck: http://fronteed.com/iCheck/#features
[10] Tether: http://tether.io/
[11] Hover.css: http://ianlunn.github.io/Hover/
[12] Epub.js: https://github.com/futurepress/epub.js
[13] Math.js : https://github.com/josdejong/mathjs
[14] Codebox: https://github.com/FriendCode/codebox
[15] WordPress to Jekyll Exporter: https://github.com/benbalter/wordpress-to-jekyll-exporter
[16] BitDeli: https://bitdeli.com/
[17] Vafpress: http://vafpress.com/vafpress-framework/
[18] Grafana: http://grafana.org/
[19] Предыдущая подборка (Выпуск 10): http://habrahabr.ru/post/207698/
[20] Источник: http://habrahabr.ru/post/212689/
Нажмите здесь для печати.