Что почитать фронтендеру на выходных — 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 — смотрится круто.
  2. 🇺🇸 NPM лоадер для вебпака — устанавливает зависимости npm не прерывая сборку.
  3. 🇺🇸 База данных банков и БИНов — для окрашивания карты в цвет банка при заполнении. Пример на сайте p2p переводов, но там другая база.
  4. 🇺🇸 DOM.js — библиотека для манипуляций с DOM, меньше 2кб.

Сервисы

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