- PVSM.RU - https://www.pvsm.ru -
Доброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
[1]Zephir [1] — Ze(nd Engine) Ph(p) I(nt)r(mediate). Зефир — это компилируемый высокоуровневый язык программирования, предназначенный для написания PHP расширений без использования C. Проект от создателей Phalcon (скомпилированный PHP MVC Framework [2]). О Zephir на Sitepoint [3]
[4]JSDB.IO [4] — большая и качественная база нужных скриптов/библиотек/фреймворков на JavaScript. Все распределено по категориям: Animation, Application, Audio, Video, Games и др. Дабы собрать все популярные .js воедино добавлю еще три ссылки: Microjs [5] (множество маленьких полезностей до 5кб), а еще jsdelivr [6] и cdnjs [7], которые позволяют добавлять собственные скрипты.
[8]Snap.svg [9] — продукт от Adobe Webplatform. Недавно я рассказывал про "достойного конкурента Raphaël [10]" и в комментариях оспоривали эту фразу из за отсутствия поддержки такого же множества браузеров. В разработке Snap участвует автор Raphaël — Дмитрий Барановский, а причина [11] создания новой библиотеки для работы с SVG — невозможность поддерживать все возможности SVG в старых браузерах.
At.js [12] — очень юзабельный скрипт для автозаполнения (в демо используется Emojify [13]). А еще есть более функциональная библиотека для автозаполнения — Typehead [14] от Twitter.
$('.atwho-inputor').atwho({
at: "@", data: ["one", "two", "three"],
});
[15]
PhysicsJS [15] — модульный, расширяемый и простой в использовании физический движок на JavaScript. Посмотрев на демонстрацию работы движка можно с уверенностью сказать, что с его помощью разработка игры подобной Angry Birds станет намного проще. Аналог: newton [16].
[17]
Функция смягчения (easing) определяет скорость течения анимации, делая её более реалистичной. Реальные вещи не начинают двигаться мгновенно и с постоянной скоростью. Если мы открываем ящик стола, то сначала ускоряем его, а на второй половине пути — тормозим. Если что-то упало, то оно сначала летит всё быстрее и быстрее, а ударившись о пол — слегка подпрыгивает обратно. Этот сайт поможет каждый раз подобрать нужную функцию смягчения. Проект читателя Iskin [18] на GitHub [19].
[20]
Весьма интересный проект на GitHub — персональный дашборд для каждого. Благодаря этому сервису вы сможете отслеживать свою активность в сети (с помощью расширения для Chrome), на Facebook, Twitter, Foursquare, GitHib и даже физическую активность с Runkeeper. Функциональное API на JavaScript, PHP, Python. 1000+ старов и народный фронт развивающий возможности сервиса.
Codepen [22]: Полноценный градиент текста (Webkit Nightly, Chrome Canary):
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
Интересный концепт iWhatch:
[34]
Большое спасибо всем за внимание.
Предыдущая подборка (Выпуск 5) [35]
Автор: ilusha_sergeevich
Источник [36]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/46676
Ссылки в тексте:
[1] Image: https://github.com/phalcon/zephir
[2] скомпилированный PHP MVC Framework: http://habrahabr.ru/post/159217/
[3] О Zephir на Sitepoint: http://www.sitepoint.com/zephir-build-php-extensions-without-knowing-c/?utm_content=buffer04e2e
[4] Image: http://www.jsdb.io
[5] Microjs: http://microjs.com/
[6] jsdelivr: http://www.jsdelivr.com/
[7] cdnjs: http://cdnjs.com/
[8] Image: http://snapsvg.io
[9] Snap.svg: http://snapsvg.io/
[10] достойного конкурента Raphaël: http://habrahabr.ru/post/195184/
[11] причина: http://snapsvg.io/about/
[12] At.js: http://ichord.github.io/At.js/
[13] Emojify: http://hassankhan.github.io/emojify.js/
[14] Typehead: http://twitter.github.io/typeahead.js/
[15] Image: https://github.com/wellcaffeinated/PhysicsJS
[16] newton: https://github.com/hunterloftis/newton
[17] Функций смягчения: http://easings.net
[18] Iskin: http://habrahabr.ru/users/iskin/
[19] GitHub: https://github.com/ai/easings.net
[20] Reportr: http://www.reportr.io/
[21] Все 30 иконок «трогательных» жестов: http://cdn.mobiletuxedo.com/downloads/touch-gesture-icons.zip
[22] Codepen: http://codepen.io/Pestov/pen/dFtvp
[23] NodeOS: https://github.com/NodeOS/NodeOS
[24] mitmproxy: http://mitmproxy.org/
[25] Lime: https://github.com/quarnster/lime
[26] Эволюция мышей: http://codepen.io/joshbader/details/fKjra
[27] Самое интересное и запоминающееся резюме которое я видел: http://www.rleonardi.com/interactive-resume/
[28] дизайн: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction
[29] код: https://github.com/jverdi/JVFloatLabeledTextField
[30] PSD Validator: http://www.psdvalidator.com
[31] PSD.rb: http://cosmos.layervault.com/psdrb.html
[32] Геймифицируйте вашу работу с Git: https://github.com/Gazler/githug
[33] Рисовалка: http://www.cloudpaint.com/client/index.php
[34] Image: http://vk.com/netcribe?w=wall-43826703_952
[35] Предыдущая подборка (Выпуск 5): http://habrahabr.ru/post/196720/
[36] Источник: http://habrahabr.ru/post/198942/
Нажмите здесь для печати.