- PVSM.RU - https://www.pvsm.ru -

Несколько интересностей и полезностей для веб-разработчика (выпуск 6)

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

Несколько интересностей и полезностей для веб разработчика (выпуск 6) [1]Zephir [1] — Ze(nd Engine) Ph(p) I(nt)r(mediate). Зефир — это компилируемый высокоуровневый язык программирования, предназначенный для написания PHP расширений без использования C. Проект от создателей Phalcon (скомпилированный PHP MVC Framework [2]). О Zephir на Sitepoint [3]
   

Несколько интересностей и полезностей для веб разработчика (выпуск 6) [4]JSDB.IO [4] — большая и качественная база нужных скриптов/библиотек/фреймворков на JavaScript. Все распределено по категориям: Animation, Application, Audio, Video, Games и др. Дабы собрать все популярные .js воедино добавлю еще три ссылки: Microjs [5] (множество маленьких полезностей до 5кб), а еще jsdelivr [6] и cdnjs [7], которые позволяют добавлять собственные скрипты.

Несколько интересностей и полезностей для веб разработчика (выпуск 6) [8]Snap.svg [9] — продукт от Adobe Webplatform. Недавно я рассказывал про "достойного конкурента Raphaël [10]" и в комментариях оспоривали эту фразу из за отсутствия поддержки такого же множества браузеров. В разработке Snap участвует автор Raphaël — Дмитрий Барановский, а причина [11] создания новой библиотеки для работы с SVG — невозможность поддерживать все возможности SVG в старых браузерах.

Несколько интересностей и полезностей для веб разработчика (выпуск 6)At.js [12] — очень юзабельный скрипт для автозаполнения (в демо используется Emojify [13]). А еще есть более функциональная библиотека для автозаполнения — Typehead [14] от Twitter.

$('.atwho-inputor').atwho({
  at: "@", data: ["one", "two", "three"],
});


Несколько интересностей и полезностей для веб разработчика (выпуск 6) [15]
PhysicsJS [15] — модульный, расширяемый и простой в использовании физический движок на JavaScript. Посмотрев на демонстрацию работы движка можно с уверенностью сказать, что с его помощью разработка игры подобной Angry Birds станет намного проще. Аналог: newton [16].
   

   

Функций смягчения [17]

Несколько интересностей и полезностей для веб разработчика (выпуск 6) [17]
Функция смягчения (easing) определяет скорость течения анимации, делая её более реалистичной. Реальные вещи не начинают двигаться мгновенно и с постоянной скоростью. Если мы открываем ящик стола, то сначала ускоряем его, а на второй половине пути — тормозим. Если что-то упало, то оно сначала летит всё быстрее и быстрее, а ударившись о пол — слегка подпрыгивает обратно. Этот сайт поможет каждый раз подобрать нужную функцию смягчения. Проект читателя Iskin [18] на GitHub [19].

Reportr [20]

Несколько интересностей и полезностей для веб разработчика (выпуск 6) [20]
Весьма интересный проект на GitHub — персональный дашборд для каждого. Благодаря этому сервису вы сможете отслеживать свою активность в сети (с помощью расширения для Chrome), на Facebook, Twitter, Foursquare, GitHib и даже физическую активность с Runkeeper. Функциональное API на JavaScript, PHP, Python. 1000+ старов и народный фронт развивающий возможности сервиса.

Все 30 иконок «трогательных» жестов [21]

Несколько интересностей и полезностей для веб разработчика (выпуск 6) [21]

Напоследок:

Codepen [22]: Полноценный градиент текста (Webkit Nightly, Chrome Canary):

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

Несколько интересностей и полезностей для веб разработчика (выпуск 6) [22]

Интересный концепт iWhatch:
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/