Дайджест свежих материалов из мира фронтенда за последнюю неделю №305 (5 — 11 марта 2018)

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

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Занимательное

Медиа

• Канал радиотрансляций русскоязычных IT подкастов
• Подкаст «Frontend Weekend» #43 – Алексей Федоров об организации HolyJS, зарубежных докладчиках и конференционном бизнесе
• Подкаст «Веб-истории» от Тима Маринина: «Как всё могло быть иначе»
• Подкаст «devschacht»: Ночной фронтенд #25 — Размышления об архитектуре приложений
• Подкаст «Фронтенд Юность (18+)» #41 Секрет лучшей типизации в JS
• «DevShow» от loftblog, Как пройти собеседование в IT?
• «ALL YOUR HTML» #39: «Houdini и лайфхак с greensock»
• 4 видео с KharkivFrontend Meetup#_2
• Vuejs Amsterdam, 10 видео
• Moscow JS 40 — отчёт, отзывы гостей и видеозаписи

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

• Всё простое опять стало сложным
• Выбор между Progressive Web Apps, React Native и NativeScript в 2018

• AMP:
  • Google хочет сделать AMP веб-стандартом
  • Инсайдерские планы Google сделать весь веб таким же быстрым, как AMP
  • Вопрос не в AMP, а в Google

• Производительность:
  • Загрузка третьестороннего JavaScript. Использование DevTools & Lighthouse для идентификации тяжелых 3P скриптов и техники их эффективной загрузки в статье Эдди Османи и Артура Эванса
  • Три техники производительности для использования кастомных шрифтов
  • Полное руководство по Browser Hints: Preload, Prefetch и Preconnect
  • Как я оптимизировал загрузку моего медленного сайта на WordPress до .2s (100% Pingdom + GTmetrix Scores): подробный список с 40+ актуальными советами оптимизации WP

• Инструменты:
  • Представляем «npm ci» для быстрых и более надёжных сборок
  • Прекращение разработки PhantomJS
  • Что нового в webpack 4
  • Релиз web-браузера Chrome 65
  • Новое в Chrome 65: CSS Paint API, Server Timing API и CSS display: contents
  • coördinator — онлайн-инструмент для превращения SVG в XY координаты

• Accessibility:
  • Accessible Landmarks. Подробно об ARIA-метках доступности
  • A11y — это не только…
  • Руководство/чеклист по доступности от Vox
  • Неоторые вещи о тексте в `alt`

• Анимация:
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #73
  • Креативные аудио-визуализаторы с помощью библиотеки p5.js
  • CSS техники для создания необычных креативных эффектов для текста
  • Wormco — забавный индикатор статуса

CSS

• Кино на CSS, или Как я гриды анимировал
• Странности CSS, о которых полезно знать
• Стабильный релиз LibSass версии 3.5 , а также недавнее обновление LESS до версии 3.0.0
• Как писать CSS так, чтобы он работал во всех браузерах, даже старых
• Как я организовываю CSS в больших проектах с помощью UFOCSS — часть 1
• Скажите привет Houdini и CSS Paint API
• Мы пишем CSS так же, как делали это в 90-х, и да — это глупо

• Fonts:
  • Парочка неочевидных граблей при использовании веб-шрифтов
  • О нюансах и преимуществах использования Glyphhanger — инструмента для контроля подмножеств в шрифтах
  • Динамическое увеличение шрифтов с помощью CSS переменных
  • Font (More) Awesome — как создать свой кастомный шрифт и интегрировать его в Font Awesome
  • Пользовательский опыт и веб-шрифты, или Сумасшедший мир загрузки шрифтов в вебе
  • FontDrop! — просто перетащи OpenType и TrueType шрифты в этот онлайн-инструмент, чтобы увидеть, из чего они состоят

JavaScript

• План изучения JavaScript на 2018
• GraphQL: все, что вам нужно знать
• Как я создал супер-быстрый JS фреймворк
• Модули JavaScipt, которыми стоит воспользоваться

• Теория:
  • Шоу .getInstance: Шаблонный литерал
  • Используем итераторы в JS. Меняем подход к циклам
  • Как работает JS: веб push-уведомления
  • 4 слоя Single Page Applications, о которых вам нужно знать

• Typescript:
  • Мой лучший новый друг TypeScript
  • TypeScript — JavaScript с суперспособностями — часть II
  • Введение в TypeScript: статическую типизацию для веба

• VueJS:
  • Как написать одностраничное приложение (SPA) с использованием Vue.js
  • Начинаем пользоваться NativeScript-Vue 1.0
  • vue-tour — простой легковесный плагин для создания кастомизированных экскурсий по сайту с помощью Vue.js
  • 4 совета для работы с Vue.js

• React:
  • Как я написал самую быструю функцию мемоизации
  • react-css-grid-table — табличная библиотека для React, использующая CSS Grid Layout
  • Управление состоянием форм в React с помощью Redux Form

• Angular:
  • Начинаем работать с ngUpgrade: переход от AngularJS к Angular
  • Использование инструментов React для улучшения приложений на Angular
  • tinystate — небольшая но мощная библиотека по работе с состоянием в Angular
  • Создание Angular библиотек без временных затрат используя Schematics

• Libs & Plugins:
  • Awaity.js — функциональная и лёгкая альтернатива bluebird.js, вдохновлённая async/await
  • workly — простой способ переноса функции/класса в web worker

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

• Сейчас почти каждый третий сайт глобальной сети использует WordPress [Исследование W3Techs]
• Кремниевая долина — всё. Так говорит сама Кремниевая долина
• Google открыла доступ к исходному коду системы для поиска экзопланет
• Почему PDF — самый важный в мире формат хранения документов. И при чем здесь Пол Манафорт
• Как информационные технологии изменили наше восприятие
• Инфографика: что происходило в интернете за минуту в 2017 году

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

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

Автор: alexzfort

Источник