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

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

Веб Разработка

• 10 способов протестировать ваши навыки работы с HTML и CSS
• Реальные отзывы о доступности в вебе, собранные из Твиттера
• Медиа:
  • Подкаст «Пятиминутка React» #24: Русскоязычные подкасты про фронтенд — краткий обзор.
  • Подкаст «Фронтерки» №6: Симоненко, джуниоры и самое интересное в проекте
  • Подкаст «Frontend Weekend» FW #10: Про переезд в Люксембург, WebGL, феминизм и Навального
  • HTML Шорты: Как фокус помогает
  • Адаптивная верстка 5 лет спустя / Сергей Кузнецов (AGIMA)
  • Make form validation fun again / Павел Ловцевич (LOVATA)

• Инструменты:
  • 6 генераторов шаблонов на SVG
  • Micro frontends — микросервисный подход к разработке фронтенда
  • 4 полезных инструмента для отладки в последнем апдейте Chrome

• Анимация:
  • Еженедельный стрим от Юрия Артюха #6 ALL YOUR HTML: анимированные треугольники ▲ через CSS-Canvas2D-WebGL
  • Морфинг SVG (легкий и сложный пути)
  • Повторяющаяся, чередующаяся анимация, три способа: Sass, GSAP и Web Animations API
  • Креативные идеи для анимации букв (часть 2)

• AMP/PWA:
  • Отдайте нам ваши статьи. Борис Ребров о современных нативных статьях, которыми, вслед за Facebook, с его Instant Articles, обзавелся Google (AMP), а недавно и Telegram.
  • Ваш сайт — любой сайт — должен быть PWA
  • Как превратить ваш сайт в PWA
  • Руководство для новичка по созданию Progressive Web Apps
  • Прогрессивные прогрессивные веб-приложения. Создание читалки новостей в PWA.
  • Надувательство AMP. Несколько примеров неоднозначной реализации компонентов AMP

CSS

• Правда ли уже пора использовать CSS Grid Layout?
• Нативные переменные в CSS. Уже пора…
• Как правильно использовать переменные в препроцессорах LESS и SASS
• Что будет в CSS? Таблица со списком функций CSS и их позиций в процессе внедрения веб-стандартов
• Возможности автоматической генерации CSS стайлгайдов
• Лучшие книги по CSS в 2017
• Подробная статья о схлопывающихся отступах margin
• Создание мега-меню с помощью Flexbox
• Отзывчивая галерея с помощью CSS Grids от yoksel
• CSS is Awesome. Крис Койер о решении проблемы, подразумевающейся в популярном принте
• Стал ли CSS более сложным с конца девяностых?
• Разбор вопросов для собеседования по CSS
• Свежая подробная статья о PostCSS

JavaScript

• Мемоизация в JS и ускорение функций
• ArrayBuffer и SharedArrayBuffer в JavaScript, часть 3: гонки потоков и Atomics
• Усталость от JavaScript, или моя история веб-разработки
• Отладка JavaScript – console.loggerheads?
• npm — это новый jQuery?
• 5 инструментов для отладки, о которых должен знать каждый JS разработчик
• Начинаем использовать Mocha для тестирования в Javascript
• Должны ли пользователи иметь возможность отключить JavaScript?
• Изучение и понимание рекурсии в JavaScript
• Создание биндинга данных в браузере
• VueJS:
  • 5 приемов в помощь разработке на vue.js + vuex
  • Создание потрясающих диаграмм с Vue.js и Chart.js
  • Маршрутизация Vue.js с помощью vue-router
  • Выложены записи видео с VueConf
  • Vue.js, JS фреймворк для людей
  • curated.vuejs.org — курируемый каталог лучших пакетов для приложений на Vue
  • route-planner-vue — планировщика маршрутов на vue.js, vuex
  • Создание компонента с кастомной Google картой с помощью Vue.js

• React:
  • Пример серверного рендеринга: прокачиваем email-рассылку при помощи React
  • Gatsby — быстрый генератор статического сайта для React. Быстрый взгляд на Gatsby
  • real-world-react — приложения на React из реального мира, с исходниками и пояснениями для изучения технологии по живому коду
  • Некоторые мысли о формах в React
  • terminal-in-react — небольшой компонент, который рендерит терминал
  • Rebass — UI библиотека компонентов для React, созданных с помощью styled-components

• Angular:
  • AngularJS и ESLint Airbnb Style Guidelines: некоторые правила должны быть сломаны
  • Angular: плохие практики
  • Стимуляция производительности вашего приложения на Angular 4
  • Очень глубокое погружение в компилятор Angular

• Libs & Plugins:
  • frontexpress — простой роутер на ванильном JavaScript a la ExpressJS
  • size-limit — инструмент, предотвращающий увеличение веста JS библиотек путем добавления ограничения на размер
  • Введение в date-fns — легкую JavaScript библиотеку для работы с датой

Занимательное

• 6 самых громких хакерских атак 2017 года
• Великое Криптослияние: как криптовалюты учат «говорить» друг с другом
• Технологии Microsoft: от десятилетней изоляции до возрождения
• Не все так просто с Petya
• Как у Словакии украли национальный домен верхнего уровня .SK
• Провайдер деактивирует аккаунт пользователя через 20 лет из-за слишком необычного адреса email
• AMD Ryzen — когда красные восстали из пепла
• Как компьютерные профи раскалывают хакеров
• Как студенты используют Wolfram|Alpha, чтобы решать сложнейшие уровнения на экзаменах по математике

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

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

Автор: Zfort Group

Источник