Юрий Матюхин

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

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

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

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