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

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

    roBrowser



    roBrowser — open source клон клиента достаточно популярной MMORPG игры Ragnarok Online в браузере. Проект разрабатывается по последним стандартам W3C — WebGL, HTML5, File API, Javascript, Threads… Небольшой ролик с демонстрацией игры:



    Идеальный слайдер



    Самый простой в эксплуатации слайдер, но с правильной HTML5 семантикой (даже есть поддержка W3C ARIA), дружелюбием к SEO, CSS3 анимациями, адаптивной версткой и реакцией на трогательные события. А еще есть API с событиями, методами и опциями.
    <html>
    <head>
        <link rel="stylesheet" href="ideal-image-slider.css">
        <link rel="stylesheet" href="themes/default/default.css">
    </head>
    <body>
        <div id="slider">
            <img src="" alt="">
            <img data-src="img/2.jpg" src="" alt="">
            <img data-src="img/3.jpg" src="" alt="">
        </div>
        <script src="ideal-image-slider.js"></script>
        <script>
        new IdealImageSlider.Slider('#slider');
        </script>
    </body>
    </html>
    


    Hello.js


    Javascript RESTFUL API для аутентификации с OAuth2/OAuth1 сервисами, такими как Google+ API, Facebook Graph, Windows Live Connect. На странице проекта есть много демок, которые позволяет вам сэкономить время на знакомство с библиотекой. А репозиторий собрал уже более 2000 звезд на GitHub.
    hello.on('auth.login', function(r){
    // Get Profile
       hello( r.network ).api( '/me' ).then( function(p){
          var label = document.getElementById(r.network)
          label.innerHTML = "<img src='' width=24/>Connected to "+ r.network+" as " + p.name;
       });
    });
    
    
    hello.init({
       google : CLIENT_IDS.google,
       windows : CLIENT_IDS.windows,
       facebook : CLIENT_IDS.facebook
    },{
       redirect_uri:'../redirect.html'
    });
    


    KaTeX



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

    Accessible HTML5 Video Player



    Специалисты PayPal, которые уже раньше отметились таким продуктом как Bootstrap Accessibility Plugin, решили на этот раз взяться за решение проблемы доступности видеоконтента и решить её исключительно в рамках HTML5 без каких-либо дополнительных зависимостей или сторонних плагинов. Перед проектом были поставлены следующие цели:
    • Использовать последние технологии HTML5 в отношении встраивания видео, элементов управления и субтитров;
    • Минимизировать вес кода (5 kB CSS и 18 kB JS);
    • Обеспечить полное клавиатурное управление и доступность для программ невизуального экранного доступа;
    • Обеспечить поддержку субтитров (используется WebVTT).


    «Готовое решение доступного видеоплеера на HTML5» Tseikovets

    iOS 8 Illustrator Vector UI Kit Update



    Прямая ссылка на архив.


    SVG Circus — инструмент для созданий SVG анимаций




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




    Говорит и показывает Хабр:




    Напоследок:


    • Вышла книга «Сюрреализм на JavaScript», в которой собраны различные советы о том, как создавать игры и другие сложные приложения на JavaScript.
      image
      Скачать в .PDF
    • Замечательные новости по iOS 8:

    • Colors — улучшаем цвета заданные по умолчанию в браузерах.
    • Сross Storage — кроссдоменное локальное хранилище с правами доступа.
    • Pioneer — делает код понятным при интеграционном тестировании не только для разработчиков, но и для менеджеров.
    • Animsition — простой jQuery плагин для CSS анимаций.
    • Rollerblade.js — 360° «вращатель для изображений».
    • Paths.js — генерирует SVG path для геометрических форм.
    • Lineman.js — библиотека для работы с большими клиентскими приложениями.
    • Сomcastify.js — искусственное замедление загрузки изображений.
    • Postscribe — асинхронный JavaScript, даже для document.write.
    • Bleve — продвинутое индексирование текста для Go.
    • Mailinabox — превосходный mail сервер на Python.
    • Dejavu — audio fingerprinting and recognition in Python.
    • Weave — The Docker Network.
    • Volt — Ruby web framework.
    • Toshi — библиотека для работы с Bitcoin на Ruby.
    • Pup — парсим HTML в терминале.
    • Drupal X-Ray — небольшой сервис, который определяет установленные Drupal модули.
    • Минималистичный плагин менеджер для Vim
      image


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

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

    Спасибо всем за внимание.
    Понравилась ли Вам подборка?

    Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

    Поделиться публикацией
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 14
    • +21
      и реакцией на трогательные события

      Это пять!
      • +1
        В РО тусня хабравчан :) Побегал минут 30 — ностальгия.
        • +2
          Более захватывающей ммо до сих пор не видел. Помню играл в нее еще на модемном соединении =)

          image

          Сначала на офф сервере, потом Oskom, Motr, Asgard — было же время =)
        • +4
          4% не понравилось… ммм… тестировщики тестировали вариант ответа «Нет»?
          • +1
            Первую статью уже кто-то перевел задним числом habrahabr.ru/post/235281/
            • 0
              Ой, пропустил.
              • НЛО прилетело и опубликовало эту надпись здесь
              • 0
                Надеюсь, openkore в браузере тоже будет? )
                • 0
                  Теоретически, здесь ее сделать даже проще
                • 0
                  Ro положили =(
                  • +4
                    Товарищ, спасибо за РО! Большое спасибо!
                    • 0
                      вот бы такой хай рейт сервер в браузере, с радостью бы поиграл
                      может быть есть такие?
                      • 0
                        Так тут у вас большинство админских команд доступно, можете себе любую профу, уровень и шмот запилить а потом фармить в свое удовольствие. Только постоянного комьюнити нет, это проблема.
                      • 0
                        Идеальный слайдер

                        Благодарю, мне Fotorama кажется более идеальной.

                        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.