22 января 2016  /  Фронтенд

Что почитать фронтендеру на выходных — 2

Размеры изображений при шаринге в социальных сетях

Статьи и видео

1. 🎓 JSMentor — место, где можно обратиться к экспертам за помощью по вопросам связанными с JavaScript и помочь другим, записавшись в наставники.
2. Чек-лист оптимизации скорости загрузки сайта — дельные советы, дополнения к списку читайте в ишью и пулл реквесте.
3. Redux по-русски — документация по Redux на русском языке с примерами.
4. Скринкаст по NodeJS — еще не смотрел, не знаю когда дойдут руки, но сохранить однозначно стоит.
5. Справочник: размеры картинок для 9 социальных сетей изображение сверху из этой статьи, в ней рекомендуется запомнить размер 1024×512 и использовать его для изображений, которые будут расшаривать в соц сетях. У меня только один вопрос: «Почему картинка о размерах картинки практически квадратная?» 🤔
6. How to ReactJS — как изучать ReactJS.
7. 🇺🇸 Как сжимать изображения для Retina дисплея
8. 🇺🇸 Livestyle server — замена http-server с поддержкой livereload.
9. 🇺🇸 Awesome Redux — подборка материалов о Redux
10. 🇺🇸 Видео серия о Redux — от автора Redux, Дэна Абрамова.
11. 🇺🇸 Что делает DOCTYPE
12. 🇺🇸 Atom Material UI — тема для Atom, поставил себе, все не налюбуюсь.
13. 🇺🇸 Загружаем CSS без блокировки рендеринга
14. 🇺🇸 Флексбокс паттерны — на примерах ясно что такое флексбоксы и где применить. Рекомендую 👍
15. 🇺🇸 Возможности ES6 — список новых фич с примерами, рекомендую 👍

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

1. 🇺🇸 Nativefier — это бомба 💣. Делает нативное приложение под Windows, OS X, Linux из веб страницы. В сочетании с offline api — смотрится круто. Я для эксперимента собрал приложение Instapaper под OS X, но работает оно не идеально.
2. 🇺🇸 NPM лоадер для вебпака — устанавливает зависимости npm не прерывая сборку.
3. 🇺🇸 База данных банков и БИНов — для окрашивания карты в цвет банка при заполнении. Пример на сайте p2p переводов, но там другая база.
4. 🇺🇸 DOM.js — библиотека для манипуляций с DOM, меньше 2кб.

Сервисы

1. РОСДОНОС — оставлю это здесь 😅
2. Как пишется Repository на русском — не знаю зачем, но вдруг пригодится.
3. 🇺🇸 NPM trends — сравнение статистики NPM модулей.
4. 🇺🇸 localFont — конвертор шрифтов в WOFF/WOFF2 и скрипт для асинхронной загрузки и сохранением в localstorage.
5. 🇺🇸 Статистика браузеров и их версий

⌘ ⌘ ⌘

Еше можно подписаться на email рассылку новых заметок. Не чаще раза в неделю, без спама.