Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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
