HumHub

https://github.com/humhub/humhub

Великолепный движок для корпоративных социальных сетей, написанный на основе Yii. В каком-то смысле это даже не социальная сеть, а инструмент для построения совместной работы. В HumHub существует целый ряд плагинов: заметки, таск-менеджер, календарь, голосование, рассылки и другие. Разработчики написали даже маркетплейс. Забыл упомянуть, что весь функционал упакован в очень красивый и современный интерфейс, со всплывающими подсказками и прочими асинхронными деталями.

humhub

Piwik

https://github.com/piwik/piwik

Мощный инструмент для веб-аналитики, задача которого — стать полноценной open source альтернативой для Google Analytics. Сервис предоставляет информацию по множествам метрик: посетители, действия, источники трафика, цели. Pikwik был скачан почти два миллиона раз, набрал более 2500 звезд на GitHub и используется такими организациями, как Wikimedia, Forbes, Sharp, T-mobile. Вокруг проекта сформировалось мощное комьюнити, написаны плагины практически под все популярные CMS, а также существуют мобильные версии под iOS и Android.

piwik

Ideal Image Slider

https://github.com/gilbitron/Ideal-Image-Slider

И правда, это идеальный слайдер. Он максимально прост в установке. Семантика полностью соответствует спецификации HTML5 и оптимизирована под поисковые движки. Сам слайдер адаптивный, с клавиатурным управлением, а также поддержкой стандартов Touch Events и ARIA.

<div id="slider">
    <img src="img/1.jpg" alt="">
    <img data-src="img/2.jpg" src="" alt="">
    <img data-src="img/3.jpg" src="" alt="">
</div>
<!-- Include slider JS file -->
<script src="ideal-image-slider.js"></script>
<!-- Create your slider -->
<script>
new IdealImageSlider.Slider('#slider');
</script>

Hello.js

https://github.com/MrSwitch/hello.js

Hello.js — это RESTFUL API для аутентификации с различными сервисами (Google+ API, Facebook Graph, Windows Live Connect и другие) по протоколам OAuth2/OAuth1. Библиотека без труда позволяет обрабатывать профили пользователей, друзей/контакты, альбомы, фотографии.

hello.on('auth.login', function(auth){

// call user information, for the given network
hello( auth.network ).api( '/me' ).then( function(r){
    // Inject it into the container
    var label = document.getElementById( "profile_"+ auth.network );
    if(!label){
       label = document.createElement('div');
       label.id = "profile_"+auth.network;
       document.getElementById('profile').appendChild(label);
    }
label.innerHTML = '<img src="'+ r.thumbnail +'" /> Hey '+r.name;
    });
});
hellojs

Impulse

https://github.com/luster-io/impulse

С помощью Impulse ты сможешь создавать реалистичные анимации с очень продуманной физикой. Библиотека ориентирована в первую очередь на мобильные устройства, не имеет зависимостей и весит всего 9 Кб в минифицированном виде. На странице проекта есть несколько впечатляющих демок, которые являются реализациями популярных UX-техник на мобильных ОС.

var menu = Impulse($('.myMenu'));
impulse.style({
  translate: function(x, y, index){return x + 'px, ' + y + 'px'},
  opacity: function(x) { return x / 1000 },
})
impulse

KaTeX

https://github.com/Khan/KaTeX

Самым популярным решением для работы с математическими формулами в вебе на текущий момент является библиотека MathJax. Но недавно разработчики из Khan Academy выложили в открытый доступ JavaScript-альтернативу. Основное ее преимущество в том, что KaTeX быстрее своего главного конкурента в десятки раз. Текущая версия значительно уступает по функционалу, но проект собрал уже 3000 старов. Работает во всех последних браузерах Chrome, Safari, Firefox, Opera и IE 8–11.

katex.render("c = \\pm\\sqrt{a^2 + b^2}", element);
katex

Cloudtunes

https://github.com/jakubroztocil/cloudtunes

Потрясающий веб-аудиоплеер, это почти iTunes, только в облаке. Cloudtunes синхронизирует музыку между Dropbox, YouTube и Last.fm, тем самым создавая унифицированный интерфейс для твоих медиафайлов. Backend и frontend представляют собой целый «джентельменский набор»: Python (Tornado, Celery, MongoDB, MongoEngine, Redis) и CoffeeScript (Backbone.js, Socket.IO, Handlebars, Compass, SoundManager) соответственно.

cloudtunes

SweetAlert

https://github.com/t4t5/sweetalert

Название говорит само за себя. Эта небольшая библиотека позволяет с легкостью создавать простые и в то же время очень симпатичные диалоговые окна, в отличие от нативных браузерных.

 

//A basic message
swal("Here's a message!")

//A warning message, with a function attached to the "Confirm"-button
swal({
  title: "Are you sure?",
  text: "Your will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
},
function(){
  swal("Deleted!", "Your imaginary file has been deleted.", "success);
});
sweetalert

Bootstrap Material Design

https://github.com/FezVrasta/bootstrap-material-design

За последнее время три крупнейшие ИТ-корпорации в мире: Apple, Microsoft и Google — обзавелись четкими стилистическими руководствами для их программных продуктов. Каждый из стилей — Flat, Metro Modern UI и Material — обрел массу поклонников. А для самого нового направления Google Material Design недавно появилась тема для Bootstrap.

bootstrap-material-design

Jsfmt

https://github.com/rdio/jsfmt

Небольшая, но полезная утилита от команды Rdio, позволяющая искать, форматировать JS-файлы и производить массовые изменения в них.

npm install -g jsfmt

# Заменим reduce из underscore.js  на родной в `source.js`.
jsfmt --rewrite="_.reduce(a, b, c) -> a.reduce(b, c)" source.js

# Проделаем это снова, но с сохранением на диске.
jsfmt --write=true --rewrite="_.reduce(a, b, c) -> a.reduce(b, c)" source.js

# Заменим выражение в 'source.js' и других файлах в директории node.
jsfmt --rewrite="x % y -> ((x % y) + y) % y" source.js | node
Jsfmt

  • Подпишись на наc в Telegram!

    Только важные новости и лучшие статьи

    Подписаться

  • Подписаться
    Уведомить о
    0 комментариев
    Межтекстовые Отзывы
    Посмотреть все комментарии