Frontend дайджест #1

Почитать

Reactive Programming in JavaScript — инженер Silk рассказывает о реализации Functional Reactive Programming.

New canvas features — Adobe инфорирует об улучшениях API Canvas’a.

Improve the payment experience with animations — в Страйпе заморочились с анимациями (кайф).

SVG icons — статья об SVG-иконках: где взять, как встроить.

Introduction to custom elements — введение в кастомные-элементы.

12 little-known CSS facts — подборка малоизвестных CSS-приемов.

Презентации с конференции РИТ: День первый, День второй.

Book of modern frontend tooling — актуальная книга по фронтенд-инструментам. Например, мы у себя используем bower, сборку делаем своим node.js-кодом (snockets) и заливаем статику на s3. Тестируем с помощью karma, CI у нас Jenkins. Информацию по билдам и коммитам пишем в hipchat. Как вы организуете js-приложения?

Инструменты

jsdiff — легаси в копилку. Библиотека для диффа.

Automatically removing unused css using grunt — grunt-задача для удаления неиспользуемого CSS.

pdfkit.org — редактирование PDF в браузере. Крутота!

Pym.js — библиотека делает iframe адаптивным. В копилку.

fastclick — сократить время срабатывания onclick в мобильных браузерах.

PositionCalculator — хорошо проработанный jquery-плагин для позиционирования элементов в связи с другими элементами. Подойдет для реализации тултипа.

ic-modal — проработанный модальный диалог для Эмбера.

Velositey — фотошоп плагин для прототипирования. Заморочились с модульными сетками.

vis.js — библиотека для визуализации (там где не хватит d3, может пригодиться).

telerik/kendo-ui-core — привет 90-е. Терелик выложил в свободный доступ библиотеку контролов.

shine.js — библиотека для теней, умеет подстраивать даже направление света (акселерометр).

Демки

CSS Vocabulary — отличное введение в css-терминологию для новичков.

A Better Fluid Responsive Table — джс, который делает таблицу адаптивной.

CSS and SVG Masks — эксперимент: SVG-маски против CSS.

SVGeneration — подборка SVG-паттернов.

Будущее

Introducing the getBoxQuads API — getBoxQuads API, для случаев когда не хватает getBoundingClientRect()/getClientRects().

Visible undoes hidden — вы знали что visibility: visible внутреннего элемента нивелируюет visibility: hidden контейнера?

ES6 transpiler based on Traceur — расширение для chrome dev-tools, чтобы тестировать es6-фичи.

status.modern.ie — Explorer еще ближе к народу. Информируют о наличии и планах по разработке фичей.

Shadow DOM CSS Cheat Sheet — мурзилка по shadow DOM.

Picturefill — полифил для адаптивной картинки.

Geo-location — компонент для гео-локации.

До новых встреч. Присылайте интересные ссылки на почту [email protected] или бросайте сразу в твиттер @kigorw.

← Предыдущий выпуск: Frontend дайджест #0.
Следующий выпуск: Frontend дайджест #2 →

Все про українське ІТ в телеграмі — підписуйтеся на канал DOU