Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Zephir — Ze(nd Engine) Ph(p) I(nt)r(mediate). Зефир — это компилируемый высокоуровневый язык программирования, предназначенный для написания PHP расширений без использования C. Проект от создателей Phalcon (скомпилированный PHP MVC Framework). О Zephir на Sitepoint
JSDB.IO — большая и качественная база нужных скриптов/библиотек/фреймворков на JavaScript. Все распределено по категориям: Animation, Application, Audio, Video, Games и др. Дабы собрать все популярные .js воедино добавлю еще три ссылки: Microjs (множество маленьких полезностей до 5кб), а еще jsdelivr и cdnjs, которые позволяют добавлять собственные скрипты.
Snap.svg — продукт от Adobe Webplatform. Недавно я рассказывал про "достойного конкурента Raphaël" и в комментариях оспоривали эту фразу из за отсутствия поддержки такого же множества браузеров. В разработке Snap участвует автор Raphaël — Дмитрий Барановский, а причина создания новой библиотеки для работы с SVG — невозможность поддерживать все возможности SVG в старых браузерах.
At.js — очень юзабельный скрипт для автозаполнения (в демо используется Emojify). А еще есть более функциональная библиотека для автозаполнения — Typehead от Twitter.
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/859/400/367/859400367ba492f49cfb64b1552a8af6.png)
PhysicsJS — модульный, расширяемый и простой в использовании физический движок на JavaScript. Посмотрев на демонстрацию работы движка можно с уверенностью сказать, что с его помощью разработка игры подобной Angry Birds станет намного проще. Аналог: newton.
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/3ff/c78/a29/3ffc78a29ec889acdf443d00a77669ff.jpg)
Функция смягчения (easing) определяет скорость течения анимации, делая её более реалистичной. Реальные вещи не начинают двигаться мгновенно и с постоянной скоростью. Если мы открываем ящик стола, то сначала ускоряем его, а на второй половине пути — тормозим. Если что-то упало, то оно сначала летит всё быстрее и быстрее, а ударившись о пол — слегка подпрыгивает обратно. Этот сайт поможет каждый раз подобрать нужную функцию смягчения. Проект хабраюзера Iskin на GitHub.
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/545/80f/6f5/54580f6f5ee0a4d21c9806123e7bcae7.png)
Весьма интересный проект на GitHub — персональный дашборд для каждого. Благодаря этому сервису вы сможете отслеживать свою активность в сети (с помощью расширения для Chrome), на Facebook, Twitter, Foursquare, GitHib и даже физическую активность с Runkeeper. Функциональное API на JavaScript, PHP, Python. 1000+ старов и народный фронт развивающий возможности сервиса.
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/b57/309/bbd/b57309bbdb7a3c086de76826579e0500.jpg)
Codepen: Полноценный градиент текста (Webkit Nightly, Chrome Canary):
![](https://habrastorage.org/r/w780q1/getpro/habr/post_images/19a/243/61d/19a24361df361f05d56a968235603bef.jpg)
Большое спасибо всем за внимание.
Предыдущая подборка (Выпуск 5)
![](https://habrastorage.org/getpro/habr/post_images/37f/3e4/000/37f3e40003ee8087e6c009a09ec28e0a.png)
![](https://habrastorage.org/getpro/habr/post_images/9eb/290/062/9eb2900628e9a59ce2597ce565e0a500.png)
![](https://habrastorage.org/getpro/habr/post_images/448/519/d27/448519d27897af8239a5e731700cb792.png)
![](https://habrastorage.org/getpro/habr/post_images/5f3/224/421/5f32244215a5df24b60c484e033b2a73.png)
$('.atwho-inputor').atwho({
at: "@", data: ["one", "two", "three"],
});
![](https://habrastorage.org/getpro/habr/post_images/859/400/367/859400367ba492f49cfb64b1552a8af6.png)
PhysicsJS — модульный, расширяемый и простой в использовании физический движок на JavaScript. Посмотрев на демонстрацию работы движка можно с уверенностью сказать, что с его помощью разработка игры подобной Angry Birds станет намного проще. Аналог: newton.
Функций смягчения
![](https://habrastorage.org/getpro/habr/post_images/3ff/c78/a29/3ffc78a29ec889acdf443d00a77669ff.jpg)
Функция смягчения (easing) определяет скорость течения анимации, делая её более реалистичной. Реальные вещи не начинают двигаться мгновенно и с постоянной скоростью. Если мы открываем ящик стола, то сначала ускоряем его, а на второй половине пути — тормозим. Если что-то упало, то оно сначала летит всё быстрее и быстрее, а ударившись о пол — слегка подпрыгивает обратно. Этот сайт поможет каждый раз подобрать нужную функцию смягчения. Проект хабраюзера Iskin на GitHub.
Reportr
![](https://habrastorage.org/getpro/habr/post_images/545/80f/6f5/54580f6f5ee0a4d21c9806123e7bcae7.png)
Весьма интересный проект на GitHub — персональный дашборд для каждого. Благодаря этому сервису вы сможете отслеживать свою активность в сети (с помощью расширения для Chrome), на Facebook, Twitter, Foursquare, GitHib и даже физическую активность с Runkeeper. Функциональное API на JavaScript, PHP, Python. 1000+ старов и народный фронт развивающий возможности сервиса.
Все 30 иконок «трогательных» жестов
![](https://habrastorage.org/getpro/habr/post_images/b57/309/bbd/b57309bbdb7a3c086de76826579e0500.jpg)
Напоследок:
Codepen: Полноценный градиент текста (Webkit Nightly, Chrome Canary):
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
![](https://habrastorage.org/getpro/habr/post_images/19a/243/61d/19a24361df361f05d56a968235603bef.jpg)
- NodeOS
- mitmproxy — intercept, modify, replay and save HTTP/S traffic
- Силами Open Source создается Lime — аналог Sublime Text
- Эволюция мышей от Apple с анимацией и на чистом CSS
- Самое интересное и запоминающееся резюме которое я видел
- Очень крутой UX для форм на iOS (дизайн и код)
- PSD Validator — инструмент для педантичных дизайнеров. Создан с помощью PSD.rb
- Геймифицируйте вашу работу с Git
- Рисовалка с первого Macintosh 84 года на JavaScript
Большое спасибо всем за внимание.
Предыдущая подборка (Выпуск 5)
Only registered users can participate in poll. Log in, please.
Понравилась ли Вам подборка?
84.2% Да666
15.8% Нет125
791 users voted. 131 users abstained.