Дайджест свежих материалов из мира фронтенда за последнюю неделю №236 (7 — 13 ноября 2016)14.11.2016 00:33

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

c93baaf15d124b909d89ca230b2bb747.png

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

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


  • habrГосударственный сайт, доступный для людей с ограниченными возможностями (чек-лист доступности)
  • Встречайте HTML5.1: крупное обновление стандарта, которое никто не заметил
  • Применяем Google AMP в WordPress
  • enСтановимся на рельсы полного стэка: фронтенд (Go Full Stack Rails: The Frontend part 1)
  • enFormLinter — онлайн инструмент, который поможет улучить формы на вашем сайте
  • enThe SVG 2 Conundrum
  • enОб особенностях китайского языка в вебе (Chinese language on the web)
  • enСравнение форматов сериализации данных: JSON, YAML, BSON, MessagePack (Data Serialization Comparison: JSON, YAML, BSON, MessagePack)
  • enПрогрессивные веб-приложения: чем они являются на самом деле? (Progressive Web Applications: What Exactly Are They?)
  • en10 советов и трюков, которые сделают вас npm-ниндзей (10 Tips and Tricks That Will Make You an npm Ninja)
  • enПереосмысление адаптивного дизайна. Размышления Юны Кравец (Rethinking Responsive Design)
  • enКак участвовать в open source проекте на GitHub (How to contribute to an open source project on GitHub)
  • enЭффектный трехмерный календарь (Cubes Advent Calendar)

Медиа


  • Подкаст Веб-стандарты, Выпуск №41: HTML 5.1, async, вариативные шрифты, календарик, опасные API, WebAssembly, JS-шаблоны, загрузка JS, position: sticky, SVG-графика, Stack Overflow, тесты и игрушки.
  • videoЗаписи видео с WSD в Минске 2016
  • habrЛекции Технотрека. Основы веб-разработки (весна 2016)
  • enБольшая коллекция англо- и русскоязычных каналов для фронтенд‑разработчиков
  • envideo Некоторые видео с Chrome Dev Summit 2016: Progressive Performance, Debugging The Web, Building Progressive Web Apps Today, From AMP to PWA — the best of both worlds, Advanced JS performance with V8 and Web Assembly

36c2c69660dd21085a2dcb71d7246ae6.gif CSS


  • Методы управления интервалами в веб-типографике
  • enСравнение OOCSS, SMACSS, Atomic и BEM на примере верстки «Holy Grail Layout»
  • enЕсли CSS так прост, почему все в нем лажают? (If CSS is so easy why does everyone suck?)
  • enСостояние адаптивных 3D форм (The State of Responsive 3D Shapes)
  • enОбъяснение работы CSS псевдоклассов с помощью кода и множества диаграмм
  • enСила цветовых функций rgba () в CSS (The Power of the rgba () Color Function in CSS)
  • en@supports изменит твою жизнь (@supports will change your life)
  • enПроблема с PostCSS (The Problem with PostCSS)
  • enНачни пользоваться CSS-ом будущего с помощью PostCSS-cssnext
  • enПоворот элементов страницы с помощью переменных CSS (Rotate page elements using CSS variables)
  • enИсправляем специфические CSS баги в Outlook (Fixing bugs with Outlook specific CSS)
  • enАрхитектура CSS для систем дизайна (CSS Architecture for Design Systems)
  • enCSS Grid, Flexbox и Box Alignment: наша новая система для веб разметки
  • enSprite Spirit — генератор и SCSS миксин, который облегчает создание спрайтов

49d04efb96fb6ce31cde9be5dc12a874.gif JavaScript


  • habrМножество JS-пакетов в одном репозитории
  • habrМатематика в JavaScript
  • habrJasmine vs. Mocha, Chai и Sinon
  • enВам может понадобиться jQuery (You Might Need jQuery)
  • enОбъемная шпаргалка по JavaScript (The Ultimate JavaScript Cheat Sheet)
  • enБорьба с эболой с помощью JS (Fighting Ebola with JavaScript)
  • enJavascript async and await — какие проблемы они решают? (Javascript’s async and await — what problem do they solve?)
  • enНаписание JavaScript фреймворка — привязка данных с ES6 Proxies (Writing a JavaScript Framework — Data Binding with ES6 Proxies)
  • enТехнологический радар по фреймворкам и библиотекам (TECHNOLOGY RADAR)
  • enЖурнал ошибок в клиентских приложениях (Logging Errors in Client-Side Applications)
  • enКурс создания игры Pacman (Build Pacman)
  • Angular:
    • Только выпустив Angular 2, Google анонсировала скорый релиз Angular 3
    • enПожалуйста, перестаньте беспокоиться по поводу Angular 3
    • enОсновы AngularJS 1.x, ч.1 (AngularJS 1.x Fundamentals (Part 1))
    • enМиграция с Angular 1 App на Angular 2, ч.2
    • enАктуальные вопросы для собеседованию по Angular 1.x (Modern Angular 1.x essential interview questions)
    • enТестирование сервисов в Angular 2 (Testing Services in Angular 2)

  • Vue:
    • Vue.js 2: передача данных между компонентами
    • enЧетыре вещи, сделанные верно в Vue.js (4 Things Vue.js Got Right)
    • enСоздание приложения ToDo на Vue.js, ч.1

  • React:
    • Internationalization for Redux/React projects
    • enСемь месяцев с Redux: две вещи, которые выучила моя команда на этом пути
    • enЧто мы узнали после использования React Native в течении года
    • enКак я изучил React и ты можешь сделать то же самое (How I learned React and how you can too)
    • enТипизированный Redux (Typed Redux)
    • enТестирование React Native и Redux (Testing React Native and Redux)
    • enБорьба за независимость компонента (Fighting for Component Independence)
    • enМногофакторная авторизация в React приложениях (Multifactor Authentication in your React Apps)

  • Практика:
    • enСоздание табличной разметки для дальнейшего использования в Angular 2 проектах
    • enСоздание приложения на Vue 2 с использованием Vue-router
    • enСоздание медиа-библиотеки с помощью React, Redux, и Redux-saga — ч.1

  • Плагины:
    • enturbo.js — выполнение сложных параллельных вычислений за счет GPU, получая доступные в JS результаты
    • enАнимация DOM с помощью Anime.js
    • enjquery-linechart — JQuery плагин для создания масштабируемых графиков на HTML/CSS/JS, вдохновленный графиком на kinopoisk.ru
    • enJSCITY — визуализация исходного кода библиотек в виде городов
    • enwhitestorm.js — фреймворк для разработки 3D веб-приложений с физикой

Браузеры


  • habr«Браузерная война» Google Chrome продолжается — вести с полей
  • Chrome для Android начнет поддерживать виртуальную реальность
  • Браузерный аддон Web Of Trust, установленный 140 млн раз, продавал данные пользователей
  • Internet Explorer потерял 331 млн пользователей и уступил лидерство Chrome
  • В Firefox появилась многопроцессная обработка контента и Quantum Compositor
  • enТехнические детали Safari Technology Preview 17
  • enMozilla Push Server теперь поддерживает заголовки
  • enPosition Sticky в Chrome 56
  • enВ Firefox DevTools будет добавлена возможность симулировать медленное соединение

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


  • Google начал тестировать mobile-first индекс, Всё, что известно о mobile-first индексе Google
  • Доля HTTPS-подключений в Chrome на десктопах превысила 50%
  • Google закрывает «народные карты» Map Maker и на сей раз насовсем
  • Facebook создала ИИ-платформу, которая позволяет обрабатывать видео на мобильных устройствах в реальном времени
  • Новый инструмент Adobe имитирует голос человека после 20 минут обучения
  • We«re f*cked: реакция Кремниевой долины на победу Дональда Трампа
  • Тим Кук написал письмо сотрудникам Apple в связи с победой Трампа на выборах и призвал сплотиться
  • Все против Apple: критика компании в рекламе конкурентов
  • В Google Play найден троян MulDrop, загруженный более 1 000 000 раз
  • Yahoo впервые усомнилась в возможности продать свой бизнес из-за кражи данных 500 млн аккаунтов
  • Когнитивные технологии в бизнесе
  • На смерть PC: компьютеры теряют Веб
  • Google поделился советами по созданию индексируемых PWA
  • «СМИ приукрашивают возможности искусственного интеллекта»
  • Как боты в Twitter влияли на выборы в США
  • Обзор смартфона Google Pixel: целимся в яблочко
  • Откуда взялся Mirai? Разбираемся, как устроен ботнет из видеокамер
  • Push-уведомления в браузере 1,5 года спустя: статистика и полезные советы

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


* * *

Most JS Frameworks Day — 4 декабря в Киеве пройдет масштабная ежегодная конференция посвещенная JavaScript.

Планируются доклады в 3 потока, Q&A сессия со спикерами, кулуарные обсуждения, активности от партнеров и организаторов, еда и конечно же — афтепати.

Спикеры: Mathias Buus, Tero Parviainen (Angular 2 docs contributor), Gerard Sans (Angular Google Developer Expert, Founder of AngularZone), Michael North (CTO of Levanto Financial, former UI Architect at Yahoo), Евгений Жарков, Андрей Шумада, Илья Климов и не только.

Заявленные темы: React, Angular 2, RxJS 5, Native Web Components, миграции данных в Node.js REST API И MongoDB; поймем, как быть хорошим фронтенд-разработчиком и это еще не все.

image

Специально для читателей нашего дайджеста доступен промо код »frontenddigest» со скидкой 15%.

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

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

  • 14 ноября 2016 в 00:30

    0

    ↑

    ↓

    О бекенде будет?

    • 14 ноября 2016 в 00:32

      0

      ↑

      ↓

      В этом дайджесте точно нет

© Habrahabr.ru