Дайджест свежих материалов из мира фронтенда за последнюю неделю №243 (26 декабря — 1 января 2017)

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

9392d7cb067b42f2ab8f0bcb372083d4.png

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

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


  • habrИспользование Service Worker для создания ботнета
  • Подкаст Веб-стандарты, Выпуск №49. Итоги года: события, доклады, браузеры, проекты, тренды и прогнозы по фронтенду на 2017.
  • Подкаст RadioJS, Выпуск 45: Ирония JavaScript или с новым стандартом!
  • Слепая доступность
  • Mobile-first индекс Google: что нужно перестать делать уже сейчас
  • enВот что случилось в этом году: обзор фронтенд разработки в 2016-м
  • enСамые популярные ссылки на тему фронтенда в 2016-м
  • enЧто изучать в 2017-м, если вы — разработчик фронтенда
  • enReactive Audio WebVR
  • enПесочница PlayCode.io, где можно тестировать ваш код на JavaScript, CSS, HTML, CoffeeScript или TypeScript
  • enКак здравомыслящие люди пишут ужасный код
  • Производительность:
    • enЕще более быстрые изображения с помощью HTTP2 и Progressive JPEG
    • enОптимизация производительности: пример оптимизации проекта Aidstream, ч.1
    • enКак интегрировать AMP в WordPress и отобразить в поисковой выдаче Google
    • enНачинаем работать с AMP

36c2c69660dd21085a2dcb71d7246ae6.gif CSS


  • Стандартизирован сброс обтекания (clearfix)
  • Лапша в CSS
  • enИнтерполяция в CSS без анимаций
  • enИспользование ключевого слова currentColor в CSS
  • enВзлом HTML писем с помощью CSS
  • enСтилизация лендингов с помощью PostCSS
  • enСоздание комплексных раскладок с помощью PostCSS-Flexbox
  • enИз Sass в PostCSS
  • enCSS — iOS Media Queries Boilerplates
  • en Новогодние демки на «чистом» CSS: SCSS random () Ёлка, Снежинка, Доставка на рождественское утро

49d04efb96fb6ce31cde9be5dc12a874.gif JavaScript


  • habrПравда о традиционных JavaScript-бенчмарках
  • habrИнтерактивная таблица результатов
  • Функциональное программирование с примерами на JavaScript. Часть вторая. Аппликативные функторы, curryN и валидации
  • videoКак сделать ваш JavaScript быстрее / Роман Дворнов (Авито)
  • enДавайте использовать const! И вот почему
  • enТоп восходящих трендов в JavaScript, за которыми можно следить в 2017-м
  • enES5 в ES6 с помощью Lebab
  • enВведение в localStorage и sessionStorage
  • enЛекарство от JS усталости? — Создайте что-то более интересное
  • enРеактивное программирование с помощью JavaScript
  • enИтак, вы думаете, что вы можете в JavaScript? ч.2
  • enОбъяснение коллбеков в Javascript
  • enДесятка лучших IDE дле веб разработчиков при работе с JavaScript
  • enСемь необходимых расширений Visual Studio Code для работы с Angular
  • enАнимация 2048 нод в SVG, реализованные с помощью React, Preact, Inferno, Vue, Angular 2, и CycleJS — пошаговое сравнение
  • enСоздание автоматизации на ванильном JavaScript
  • enМодульный front-end
  • Фреймворки:
    • habrПросто Angular. О том, куда делась третья версия, и почему мы по-прежнему можем быть верны Angular.
    • enVue в 2016-м
    • enVue.js —  установка проекта
    • enПочему я остаюсь с React (пока что)
    • enReact Responsive: это довольно клево
    • enКак я переконвертировал мое React-приложение на VanillaJS (и так или иначе, это было ужасной идеей)
    • enКак использовать библиотеки jQuery в экосистеме React
    • enВажное в Angular: Dependency Injection

  • Библиотеки:
    • habr8 JavaScript библиотек для визуализации данных в виде интерактивных карт
    • enRellax — легкая библиотека на чистом JS для создания плавного параллакса
    • enРазбираемся с D3

Браузеры


  • В GNOME Shell integration for Chrome добавлена поддержка Firefox
  • Mozilla прекратит поддержку Firefox для Windows XP и Vista в сентябре 2017 года
  • Компания NetMarketShare выпустила отчёт по поводу доли рынка браузеров и операционных систем

d4b289ef0a00e969108c25d0c3d75f58.gif Занимательное


  • Итоги 2016 года: пять главных разочарований
  • Связанные одной сетью: будет ли человек жить в виртуальном мире?
  • Как работает алгоритм ранжирования новостной ленты в Facebook
  • Новости Windows 10: зеленый экран смерти в бета-версиях и специальный игровой режим
  • Pebble: оптимизм с летальным исходом
  • Flash умирает. Почему это плохо?
  • 28 лет Sun Microsystems: как создавалась, развивалась и была продана компания, разработавшая Java
  • Создана первая в мире система искусственного интеллекта на базе спинтронных элементов
  • Как США готовятся к «робобезработице»
  • 13 видеороликов, объясняющих важные научные открытия
  • Что дарят своим сотрудникам на Новый год Apple, Mail.Ru Group, Riot Games и другие компании
  • Apple признана самой влиятельной компанией 2016 года
  • Лучшие гаджеты года
  • Самолет Virgin опоздал из-за шутника, назвавшего WiFi-точку «Galaxy Note 7»
  • Каково это — работать в Snapchat, одной из самых скрытных хайтек-компаний
  • :)Ты — пикчер. Тест на эрудицию и прикладную мемологию, или Почувствуй себя пикчером

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

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

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

  • 2 января 2017 в 02:54

    0

    Спасибо

© Habrahabr.ru