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.

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

События

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

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

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


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

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

LinkedIn

11 комментариев

Подписаться на комментарииОтписаться от комментариев Комментарии могут оставлять только пользователи с подтвержденными аккаунтами.

Хабра на ДОУ. Підтримаємо вітчизняного виробника :)

Хороший дайджест, но мне не очень понравились оценочные суждения автора. ИМХО, хотелось бы больше нейтральных описаний

«Нейтральных» дайджестов хватает и так, например,
habrahabr.ru/...rt/blog/216741

Кстати, а добавьте таки «закладки/избранное», браузеры итак переполнены всяким, а тут, мне кажется, было бы совсем не лишним добавить функционал для отбора полезных статтей

Пока что мне Pocket/Delicious кажутся более правильными вариантами.

Это почему скептично? Вы не видите, что все переходит в облако?
Я думаю на дескопе остануться олдскул, которым нравится vim и emacs, а все современные разрабы перейдут в облачные IDE.
Может Atom.io не лучший, но есть koding.com и cloud9

Нынче можно emacs, vim, sublime test 3 :D

Смысл пересаживаться с Sublime Text или Vim?

Emacs

Смысл пересаживаться с Sublime Text или Vim?
Проблема в том, что автор Sublime постоянно куда-то пропадает. Не фиксит баги, игнорирует реквесты т.д.

А ще можна підписуватись на twitter.com/TrendingJS підбірку трендінг JS-проектів ;)

Подписаться на комментарии