Дайджест свежих материалов из мира фронтенда за последнюю неделю №244 (2 — 8 января 2017)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

38f2118be4994c3abf378bafcb8ba433.png

Веб-разработка
CSS
Javascript
Браузеры
Занимательное

b70f9feaeee78b42a0c78c3731555e73.gif Веб-разработка


  • habrВот тебе, бабушка, и неймспейсы
  • enИзучение веб-разработки в 2017-м намного проще, чем вы думаете
  • en10 веб-прогнозов на 2017-й
  • enМиграция на Webpack@2
  • enО важности указания кодировки для HTML символов
  • enОртогональность и «CSS в JS»
  • enУлучшайте доступность вашего сайта с помощью WAI-ARIA
  • enМиграция системы сборки фронтенда на Webpack
  • enРазница между AMP и отзывчивым веб-дизайном
  • enВеб ожирение — это не проблема знаний
  • enxvg — расширение Chrome для визуальной отладки кривых в SVG
  • enСоздание собственного HTML5 Video проигрывателя и Shadow DOM

36c2c69660dd21085a2dcb71d7246ae6.gif CSS


  • enЭволюция CSS: от CSS, SASS, BEM, CSS Modules к Styled Components
  • enКак я уничтожил производительность своего блога с помощью CSS Background-Blend-Modes
  • enCSS Grid грядёт
  • en20 коротких видео, которые помогут вам выучить Grid Layout
  • enПытаемся разобраться в поддержке CSS в Gmail (после последнего обновления)
  • enРешаем проблемы поддержки отзывчивого дизайна в Gmail
  • enРеализация наклоненных под одинаковым углом краев в CSS
  • enFlexible Boxes — еще один визуальный генератор флексбоксов
  • enbttn.css — симпатичный генератор эффектных кнопок
  • enPostCSS: Sass«s New Play Date
  • enEM vs REM vs PX — почему вы не должны использовать только пиксели
  • enДвадцать лучших CSS анимаций на CodeCanyon
  • enДобавление Box Shadow (z-глубины) к компонентам Angular Material 2

49d04efb96fb6ce31cde9be5dc12a874.gif JavaScript


  • habrNativeScript, что за зверь и для чего он нужен?
  • enJavaScript везде [инфографика]
  • en3 библиотеки JavaScript, за которыми следует следить в 2017-м
  • en лучшие практики чистого кода при написании JavaScript-кода
  • enКак мой десятилетний сын выучил Javascript
  • enДемистификация Babel и ES6
  • enES2015 JavaScript vs. Elm vs. TypeScript
  • enПреодоление разрыва между Elm и JavaScript с помощью TypeScript
  • enПростая web оплата: представляем Payment Request API
  • enЛучшие и худшие стороны JSX
  • enLazy-loading jQuery с webpack только тогда, когда это вам необходимо
  • enПодпись и публикация JavaScript модулей с Flow
  • enBunnyJS — Browser ES6 framework
  • Собеседования:
    • enMaster the JavaScript Interview: что такое функциональное программирование
    • enВопросы собеседования по React
    • enТри вопроса к которым стоит подготовиться перед собеседованием по JavaScript
    • enВопросы и ответы на собеседованиях по Node.js (Редакция 2017)

  • React:
    • enХорошие практики: почему вы должны использовать JavaScript с React Native везде, где это возможно
    • enСоздание приложения на React.js с User Login и Authentication
    • enПредставляем React Reform, инструмент для создания тем к вашим формам
    • enПять смертельных пальцев смерти. Овладей этими пятью концепциями, затем овладей React-ом.
    • enКритическое мышление по поводу Redux в вашем приложении

  • Vue:
    • enVue.js 2: учебное пособие по быстрому старту в 2017-м
    • Vue.js 2: сборник мелких советов

  • Angular:
    • enAngular 1.6 уже здесь: всё что нужно знать (Angular 1.6 is here: what you need to know)

  • Libs & Plugins:
    • entable-dragger — добавление возможности drag-and-drop сортировки в ваших таблицах без jQuery
    • entrae — минималистичный браузерный HTTP клиент для получения данных, основанный на Fetch API
    • enjQuery плагины для работы с печатью
    • enDiffy.js — библиотека для определения движения для браузеров, без зависимостей
    • enflatpickr — библиотека для компонента выбора даты без зависимостей
    • enInferno — очень быстрая библиотека для создания современных пользовательских интерфейсов, подобная React


Браузеры


  • Браузеры: время подводить итоги 2016 года
  • Google Chrome помечает HTTPS-сайты надежными

d4b289ef0a00e969108c25d0c3d75f58.gif Новости и занимательное


  • «Почему я отказался от работы в Apple»
  • Блог-платформа Medium отказалась от рекламы, но как заработать без неё — не придумала
  • Итоги 2016 года: есть ли будущее у носимой электроники?
  • Вернём компьютингу фан!
  • В рейтинг самых ярких предпринимателей младше 30 лет от Forbes вошли создатели Prisma, MSQRD и GitLab
  • Slack, Airbnb, Dropbox и другие претенденты на IPO в 2017 году по версии VentureBeat
  • Итоги 2016 года для Microsoft
  • Чему нас научили самые крупные прошлогодние ошибки технологических компаний
  • Adobe повысила стоимость подписки на Creative Cloud более чем в два раза
  • Уволенный сотрудник Snapchat обвинил компанию в завышении данных о количестве пользователей накануне IPO
  • enЯзыки, на которых активно пишут код на GitHub
  • enШпаргалки по алгоритмам обработки данных

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

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Комментарии (0)

© Habrahabr.ru