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

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

99a11e6a92644951918235f82c68340f.png

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

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


  • habrWebAssembly — путь к новым горизонтам производительности.
    enВведение в WebAssembly
  • habrЧто поправить в верстке перед выпуском в продакшн?
  • habrПервый официальный релиз Webpack 2. Что нового по сравнению с Webpack 1?
  • Подкаст Веб-стандарты, Выпуск №51: Модули ES6 и global, PhantomJS, веб-манифест, фронтенд ВКонтакте, методологии CSS, SVG-иконки.
  • en14 основных этапов развития веб-разработки за последние 20 лет
  • enИспользование атрибута aria-current
  • enСложности элемента input type=date
  • enОпределение шаблона структуры страницы сайта
  • enСборка модулей и Webpack простым языком
  • enБольшая подборка публичных API
  • enПриключения с NPM или: Как я перестал использовать npm shrinkwrap и полюбил Yarn
  • enПроблема с AMP
  • enСтилизованные компоненты: используем лучшие практики в системах компонентов
  • enПростые радиальные диаграммы с SVG (A simple pie chart in SVG)
  • enОтзывчивые, многоцветные SVG иконки
  • enWebSlides — простой инструмент для создания HTML презентаций
  • enLittle Fragments: создание креативных эффектов для плакатов

36c2c69660dd21085a2dcb71d7246ae6.gif CSS


  • habrЭволюция CSS: от CSS, SASS, BEM и CSS–модулей до styled-components
  • enТемизация с помощью CSS переменных
  • enAck для CSS разработчиков
  • enВыровняйте SVG иконки в тексте и попрощайтесь иконочными шрифтами
  • enПонимание пути критического рендера (Critical Rendering Path)
  • enАнимация различных конечных состояний с помощью одного набора CSS Keyframes
  • enКреативный лоадер на CSS, вдохновленный Elite Dangerous
  • enПишем Element Queries сегодня с помощью EQCSS
  • enПримеры правильной анимации для эффектов движения
  • enГенератор цветовых схем
  • enПолное руководство по непрямоугольным хедерам (часть 1)

49d04efb96fb6ce31cde9be5dc12a874.gif JavaScript


  • habrУбийцы оптимизации JS уже не такие страшные
  • habrЧистый javascript. Объекты и структуры данных. Асинхронность. Обработка ошибок
  • enНативные модули Native ECMAScript — первый обзор
  • enВосходящие звезды JavaScript 2016
  • enПять лучших JS фреймворков в 2017-м
  • en5 отличных способов реализации Lazy Load изображений для ускорения загрузки страницы
  • enВсе что вы должны знать о JavaScript Source Maps
  • enПарсинг абсолютно всего в JavaScript с помощью алгоритма Earley
  • enБеседа с Brendan Eich-ом (создателем JavaScript)
  • enКороткая история языка JavaScript
  • enФункциональное программирование в Javascript
  • enАсинхронные JavaScript генераторы
  • envideoЧистим код с Eslint — Spacedojo Code Kata
  • enAngular vs React — камень преткновения
  • Angular:
    • habrAngular 2: почему на TypeScript?
    • habrAngular vs Angular 2: ключевые различия
    • enЧто такое Angular?
    • enДолжны ли вы учить Angular 1.x или 2?
    • enProgressive Web Apps с angular 2+
    • enВкус четвёртой версии Angular
    • enAngular 2 в продакшене
    • enAngular 2: что уже работает, что нуждается в доработке и к чему всё идёт

  • React:
    • enReact в 60fps
    • enИнтернационализация React приложений
    • enСоздание PWA с использованием React, Webpack, и остального
    • enНеизменяемость в JavaScript с использованием Redux (Immutability in JavaScript using Redux)
    • enКрестики-нолики на React и Redux
    • enМыслить терминами Redux (если всё, что ты знаешь — это MVC)
    • enReact Table — работа с таблицами для React

  • Vue:
    • envideoVue.js 2.0 менее чем за 30 минут для начинающих [2017]
    • enНачало работы с Vue + Vuex 
    • enИнтеграция RxJS с Vue.js
    • envue-weather-notifier — небольшое погодное приложение на Vue с SVG анимацией

  • Plugins & Libs:
    • enswarm-numberformat — форматирование больших чисел в понятные человеку форматы
    • enwhen-dom-ready — аналог $(document).ready () на промисах
    • enMitt — небольшой 200b функциональный event emitter

Браузеры


  • Создатели Firefox представили новый логотип и фирменный стиль компании
  • В Chrome появится поддержка FLAC
  • В Firefox по умолчанию будут предложены новые темы оформления
  • Рассматривается возможность выноса Firefox Developer Tools в системное дополнение
  • enПервый юблией движка Chakra
  • enВ сборку Edge nightly добавили полноцветные эмодзи

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


  • Софт ИИ обучается делать ИИ: учёные сообщают об успехах в самообучении искусственного интеллекта
  • Сатья Наделла считает, что ИИ должен помогать людям, а не отбирать у них работу
  • Издержка эволюции: о пользе прокрастинации
  • Будущее или новый вид мошенничества: что мы знаем об алгоритмической торговле
  • «Последователи Мавроди» запустили собственную криптовалюту Mavro
  • Мои худшие ошибки в PR за 25 лет работы на Apple, PayPal и Visa
  • Google начала понижать рейтинг страниц с навязчивой рекламой в мобильном поиске
  • Опубликован список наиболее популярных слов в исходных кодах — автор проанализировал 2 ТБ данных
  • Создан робот, который общается с помощью гифок
  • Война меняется: как работает первая отечественная MMORPG на базе Telegram
  • Как устроен секс с роботами в кино и в реальности
  • Как устроена защита фильмов и сериалов от пиратов
  • Viva Las-Vegas: жизнь азартного интернета
  • Предтечи успеха: мертвые предшественники великих стартапов
  • enСтрана мечтателей, страна ученых. Какие открытия делали советские математики, инженеры и биологи в ГУЛАГе

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


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

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

© Habrahabr.ru