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

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

    Исходники Reddit


    Gravit


    image

    Замечательный графический редактор с открытым исходным кодом. Есть приложения под Mac, Linux, Windows, а также браузерная версия. В Gravit на данный момент реализован базовый функционал: слои, шейпы, пентул и множество различных функций для манипуляций с объектами. Но данный проект по большему счету ориентирован именно на веб-дизайн. Правильнее всего сказать, что Gravit — это смесь графического редактора в типичном представлении с визуальным редактором для разработки сайтов. Именно эта идея и ее реализация в формате open source делает продукт уникальным.

    Midnight — очень крутой эффект для заголовков.




    Perfmap




    В текущее время, как никогда раньше распространилась тема производительности веб-сайтов. Я думаю, в первую очередь это связано с ростом мобильных устройств, когда пользователи с невсегда быстрым интернетом хотят иметь быстрый доступ к информации. Ну и конечно же на эту тенденцию повлияли современные поисковые алгоритмы. И так, PerfMap визуализирует производительность страницы с помощью тепловой карты и Resource Timing API. Для работы необходимо сохранить код как букмарклет:

    javascript:(function(){var el=document.createElement('script');el.src='https://zeman.github.io/perfmap/perfmap.js';document.body.appendChild(el);})();
    

    А еще есть инструмент с аналогичным функционалом для отзывчивых сайтов — RWDPerf.

    PrimeGate




    PrimeGate — это можно сказать целая экосистема для вашего веб проекта. Это аналитика, SEO, набор различных инструментов для повышения конверсии и управления рекламой, CRM, IP телефония, менеджер задач, CMS и визуальный редактор. Я не буду углубляться в различные маркетинговые составляющие данного продукта, но говоря о визуальном редактор — это достойный конкурент для Webflow с системой управления контентом внутри. Ну и вроде как уделяется огромное внимание технической поддержке со своими штатными специалистами по продвижению. А еще меня очень порадовало, что подобный продукт сделан не на западе, а на территории постсоветского пространства.

    pagePiling.js




    Отличный эффект для лэндинговых страничек. Скрипт «срезает» верхние слои контента и тем самым реализует слайдер. Работает все предельно просто:

    <div id="pagepiling">
        <div class="section">Some section</div>
        <div class="section">Some section</div>
        <div class="section">Some section</div>
        <div class="section">Some section</div>
    </div>
    

    $(document).ready(function() {
        $('#pagepiling').pagepiling();
    });
    


    Chrome APK


    Запускаем Android приложения на Chome OS, Linux, Mac и Windows с помощью JavaScript.



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




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




    Напоследок:


    • HackerNews API
    • Plax — jQuery Parallax плагин.
    • Juliusjs и Pocketsphinx.js — распознавание речи на JavaScript.
    • Franc — определяет язык текста на JavaScript.
    • Gifshot — создает GIF анимации по видео с камеры (от Yahoo).
    • Dropcap.js — типографическое увеличение заглавной буквы первого предложения первого абзаца.
    • Bespoke.js — DIY Presentation Micro-Framework.
    • Elixir — Gulp Task для работы с Laravel.
    • Wide — Web IDE для Go.
    • Gopherjs — компилирует Go в JavaScript.
    • Pydub — библиотека для работы с аудио на Python.
    • Bootlint — Bootstrap HTML линтер.
    • Device-Bugs — коллекция веб багов на разных устройствах.
    • Pigshell — the missing shell for the web.
    • Prose — content editor for GitHub.


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

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

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

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

    Метки:
    Поделиться публикацией
    Комментарии 11
    • +4
      Спасибо за интересную подборку!
    • +9
      Правильно piling читается как пайлинг. Это от английского слова pile, куча.
      А в косметических салонах делают пилинг (peeling), т.е. отшелушивание.

      Так что никакой отсылки к процедуре в косметических салонах они в свое название не вкладывали. Поправьте что ли :)

      И спасибо за подборку.
    • +1
      Gravit — не открывает ни один тип файла, кроме .gravit
      И что в нем хорошего для web-разработчика?
      • 0
        Да ладно только не открывает, но ещё и сохранить может только в .gravit
      • +2
        Не обязательно переводить статью именно на хабре, тем более что одна из них (A Guide to SVG Animations (SMIL)) уже переведена Ильёй Стрельцыным (SelenIT2). Вот ссылка на перевод: Руководство по SVG-анимациям (SMIL). Можете вставить её в свой пост.
      • 0
        У вас всегда отличные подборки и хорошая тема, которую вы ведете. Ждем очередных выпусков и опросы нравиться или нет можно убрать. Нравиться! А такие опросы похожи на опрос типа «вы за мир ?» или " вы любите маму?"
        • 0
          Спасибо огромное. Я наверное даже покраснел. Рад стараться. А опросы помогают ориентироваться в предпочтениях аудитории.
        • 0
          Добавлю, что распознать буквы — не сам язык, а только буквы, например, отличить хирагану от катаканы, а латиницу от кириллицы — умеет SugarJS )

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