Frontend дайджест #0

Привет, меня зовут Игорь Кононученко. Возьму на себя роль ведущего фронтенд-дайджестов.

Проекты

Демо three.js редактора от мистера Дуба (монстра веб-3D), сам редактор.

Fontprep.com — генератор шрифтов для Mac OS.

Atom.io — этот редактор уже достаточно давно анонсировали. Отношусь к нему скептично. Не верю, что на веб-вью можно построить конкурентоспособный редактор кода. Инициатива выглядит странно, ведь авторы не предлагают ничего нового в интерфейсе. Смысл пересаживаться с Sublime Text или Vim? Вот статья насчет скорости редактора.

Демо

Радиокнопка с симпатичным эффектом.

Float Labels with CSS — интересный интерфейсный ход, для подписей к полям.

Carota — монстрячество, редактор текста на канвасе.

Хороший пример использования флексбокса. В демке удобно тасуются квадратики.

Почитать

Красиво сверстанный гид кода по HTML и CSS.

Автор делится своими наработками по дебагу.

Следующая версия Ангуляра, прежде всего для мобильных.

Разумные советы по построению мвц-приложения.

Перевод книги «Паттерны для масштабируемых JavaScript-приложений».

Библиотеки, фреймворки, приемы

Экспресс обновился до 4-й версии. Он стал более модульным. Теперь мидлвары являются отдельными нпм-пакетами. Еще убрали зависимость от Connect.
А вообще, оказывается, те же пацаны, что делали Экспресс, уже пилят новый фреймворк koa.js. Тиджей Головайчук тоже вписался.

А еще предлагаю посмотреть Mach, легковесный сервер для node.js.

Fez — интересная библиотека для билда ресурсов.

Библиотека offline отличное легаси ХабСпота для мониторинга интернет-соединения. Вообще, советую пошерстить в аккаунте ХабСпота, у них целый склад добра. Например, tether — библиотека для позиционирования, а на ее основе библиотека для тура по приложению. Ну не кайф?

DOMPurify — супербыстрый санитайзер. Вроде как легаси. Надо брать.

Интересный подход к шаблонизатору. Да и сам фреймворк интересно пощелкать. Говорят, автор его уже давно пилит и на конференциях рассказывает. Я вроде раньше не встречал.

Goratchet.com — фреймворк для мобильных веб-приложений. Не понял, правда, в чем его сила.

Крутой хак для встраивания разметки в JS. В копилочку.

Watchtower.js — библиотека из Ангуляра, чтобы слушать изменения объекта.

httplocal — фреймворк для открытой веб-архитектуры.

CSS-Stress-Testing-and-Performance-Profiling — веселая библиотека для стресс-тестирования производительности CSS. Попробуйте.

Gridstylesheets.org — монстрячий CSS-фреймворк для позиционирования. Обязательно посмотрите.

Опен-соурсный CDN может пригодиться.

Дебаггер для Canvas-a.

Critical CSS — CasperJS — анализирует страницу и оставляет только используемый CSS.

С недоверием отношусь к этой всей полимерной шумихе. Часто в твит-ленте проскакивает. Вот немного ссылок, решайте сами:

• Customelements.io — подборка компонентов и пара демок.
• Picturefill
• Smoke.html

События

В Смарт.ми 22 марта (завтра) будет «Верстка больших проектов — переходим на следующий уровень». Часто кажется, что верстальщики тянут на себя одеяло в проекте. Так возникают решения в духе «из пушки по воробьям». Но все же нравится, когда человек углубляется в тему. С коллегами идем на этот класс.

12 апреля будет Скринкаст «Angular.js: разбор полетов». Если не вместо, то в дополнение рекомендую книгу ng-book — те же деньги, никаких чудес, но за 2 недели неспешного чтения вы поймете Ангуляр.

Front End Ops Conf 2014 — конференция по клиентскому дев-опсу в Сан-Франциско. Доросли до момента, когда роль фронтенд-дев-опса стала актуальной.

Следующие выпуски будут выходить раз в месяц по пятницам. Присылайте интересные ссылки на почту [email protected] или бросайте сразу в твиттер @kigorw

Следующий выпуск: Frontend дайджест #1 →

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