Почитать
Front-end Tooling Workflows — обзор фронт-енд инструментов для построения процесса разработки. Маст-рид.
svgpocketguide.com/book — книга по SVG стала бесплатной.
futurice.com/...the-virtual-dom — реактивный MVC самописная альтернатива Flux и React.
React: CSS in JS — идея включать в реакт не только разметку, но и стили. Освобождаем мозг от предвзятости и читаем.
csstyle.io — подход к компонентной организации стилей используя модификаторы
Medium’s CSS is actually pretty f***ing good — история о том как Медиуме чувак переделал верстку
material-ui.com — материальный дизайн сверстали и запрограммили на React.
demosthenes.info/...erstanding-calc — продвинутое использование css-функции calc()
blog.keanulee.com/...e-spinners.html — автор заморочился созданием спиннера
http://www.princeton.edu/~crmarsh/svg-performance/ - о том как в Khanacademy разработчики ускоряли SVG
css-tricks.com/...ession-testing — про BackstopJS для тестирования с помощью скриншотов
code.tutsplus.com/...rt-2—cms-22584 — трюки для дебага.
www.breck-mckye.com/...script-in-2015 — о том как все быстро меняется в нашей кухне.
www.smashingmagazine.com/...animation-2014 — Web Animation API о таком слышали? Читаем.
github.com/.../wiki/Explainer — подробно о Frame Timing API
www.html5rocks.com/...r/introduction — о Сервис-воркере и
github.com/...-worker-recipes — примеры применения Сервис-воркера
medium.com/...js-c1acefbe6fc0 — о модулях в ES6. Будущее/настоящее.
www.2ality.com/...s6-proxies.html — большушая статья о ES6-проксях, читаем.
calendar.perfplanet.com/2014 — много свежих статей по оптимизации производительности
Посмотреть
Видосы с событий Яндекса в 2014 году.
Видео от Netflix
https://www.youtube.com/watch?v=FAZJsxcykPs&app=desktop — асинхронный JS
и по мотивам доклада, статья о том как другие ребята делают реактивные интерфейсы.
Оптимизации JS от автора Lo-dash.
Библиотеки
Walkway — библиотека для анимированного рисования SVG-элементов. Как в этом демо.
Platform.js — библиотека для определения браузера/платформы по юзер-агенту.
metricsgraphicsjs.org — библиотека для построения графиков, которые меняются во времени.
txtjs.com — библиотека для рисования текста разными шрифтами на канвасе.
LokiJS — библиотека для оптимизированного хранения данных в памяти.
cssnext.github.io — препроцессор css4 в css3
getskeleton.com — простой легковесный css-фреймворк
tweene.com — прослойка для построения аннимаций в js. Абстрагирует несколько аннимационых либ. Вроде качественная.
github.com/gajus/contents — библиотека генератор таблицы содержания штмл-документа.
Инструменты
Бесплатный удаленный доступ к виртуальной машине с ИЕ t.co/R6P4sPyWhet.co/1zvGOfbVbN
code.facebook.com/...for-javascript — проверщик статической типизации для JS от разработчиков Фейсбука.
csstriggers.com — таблица сверки css-свойств которые могут ударить по производительности страницы.
www.sitepoint.com/adobe-extract — тулза от Адоба для управления макетами и медиа-ресурсами.
spiderlang.org — очередной язык надстройка над JS. Декларирует, что взял лучшее из Go, Swift, Python, C# и CoffeeScript.
jex.im/regulex — крутой визуализатор регулярных выражений
evil-icons.io — симпатичный набор SVG-иконок
paymentfont.io — иконки по теме платежных систем.
fonts4web.ru — кириллические бесплатные веб-шрифты
Демки
css-tricks.com/...e-blobbing-css — цсс-эксперимент — перетекание
tympanus.net/...eraction-ideas — красивые анимации драг-н-дропа
iamralpht.github.io/physics — физически реалистичные аннимации веб-интерефейсов
Остальное
Element.closest() уже скоро в вашем Хроме.
HTML/CSS: Making webpages — курс верстки на Khanacademy.
iojs.org — нод джс уже не тру. Основные ребята ушли из ноды пилить свой более правильный node.js. Называется iojs. О причинах раскола.
Это был заключительный фронтенд дайджест в 2014 году. В этом году если не все, то половина всего изменилась в нашей сфере. Желаю в 2015 году развиваться и оставаться на гребнее технологической волны, которая движется очень стремительно.
Воспользуюсь возможностью напомнить о своей вакансии в Граммарли. У нас сложные задачи (например, рисовать подчеркивания во всех текстовых полях или сделать расширение для всех браузеров включая ИЕ). Ищем того, кто готов зарубиться. Пишите мне на kigorw@grammarly.comЭто для разработчиков с багажом.
Есть слот и для людей с меньшим опытом, чтобы заниматься нашим веб-редактором и другими веб-интерфейсами. Надо уметь верстать, понимать дизайн, и писать на js (react, vuejs, gulp, grunt, browserify, es6, — это все плюс). Опять же, пишите мне на kigorw@grammarly.com
Все это с перспективой работы в Сан-Франциско.
До новых встреч. Присылайте интересные ссылки на почту kigorw@gmail.comили бросайте в твиттер @kigorw.