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

Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
Подкаст «Frontend Weekend» #26 — Владислав Козуля про идеальное собеседование и как избавиться от образа шутника в твиттере
•
Подкаст «devschacht»: Ночной фронтенд #9 — Может быть не React?
•
Подкаст «Drinkcast», Выпуск #15 — «Юные Бобби»
•
Подкаст «Пятиминутка Angular» #5 — Angular 5, CLI 1.4, meetups (NYC, MIX, Moscow), Acronis on Angular
•
Подкаст «Фронтенд Юность (18+)» : Первый стрим
•
О девушках в программировании и честности. Frontend Юность в гостях у loftblog
•
Запись трансляции WSD, прошедшей в эту субботу в Киеве
•
«ALL YOUR HTML» #21: «SVG кривые и анимация лого css-live.ru на snap.svg»
•
Шоу «Totally Tooling Tips»: Тестирование доступности
Веб-разработка
•
Кроссбраузерная вёрстка. Что такое кроссбраузерная вёрстка? Какие есть браузеры и нужен ли пиксель-пёрфект
•
Пробел в знаниях основ веб-разработки
•
Как рассказать о современной веб-разработке путешественнику во времени из 2007 года
• Новости Node.js: Выпуск серверной JavaScript-платформы Node.js 9.0, Node.js 8 переходит на долгосрочную поддержку, а ветка Node.js 9 становится текущей. Итого, Что же нового в Node.js 9?
•
Будущее производительности — бандлинг
- AMP/PWA:
•
service workers в Safari и другие хорошие новости для PWA
•
Дерзкие планы Microsoft по поводу PWA в Windows 10
•
Новый Angular Service Worker — автоматическое создание PWA: Часть 1: теория, Часть 2: практика. Полное практическое руководство по Angular Service Worker: caching, push, updates
•
Shadow DOMs: Инкапсуляция в PWA
•
The meaning of AMP. Критическая статья Jeremy Keith о предназначении AMP
- Инструменты:
•
Список лучших инструментов для web-анимации
• Chrome Headless. Запускаем на удаленном сервере с режимом отладки
•
Состоялся релиз SVGO 1.0.0, одного из лучших оптимизаторов SVG
•
Как дебажить фронтенд: Console
•
Новый уровень Webpack Dashboard
•
Дорожная карта разработки VS Code в 2018
•
icongram — сервис для использования популярных иконок на лету
•
Bootstrap 4 Buffet — интерактивный визуальный выбор компонентов Bootstrap 4 для быстрого использования
•
gifski — конвертер видео в высококачественные GIF, базирующийся на pngquant
- Анимация:
• Еженедельная подборка красивых эффектов на CSS/SVG/JS #60
• Создание анимации на базе JavaScript с помощью библиотеки Anime.js. Часть 2
•
Анимация обрезанных фигур
•
3D Movie Booking App UI на CSS/HTML
•
Эмуляция плавной CSS анимации средствами JavaScript
•
Прелоадер страницы на CSS в виде Kylo Ren
CSS
•
Как прятать. Когда display: none, а когда visibility: hidden
• Понимание вьюпорта WebView в iOS 11
•
Крис Койер о преимуществе кастомных свойств CSS перед data-атрибутами в разметке
•
Flexbox и Grid, ваши лучшие лейаутные друзья
•
Подробно о создании отзывчивых доступных таблиц
•
Продвинутая стилизация форм средствами CSS
•
О трудностях преодоления проблем глобального CSS
•
Как Sass может сохранить вам кучу времени
•
Священная CSS война, или как выйти за рамки догмы
•
Как лучше струкрутировать CSS по компонентам
•
Как написать TODO приложение на HTML и CSS без использования JavaScript
- Типографика:
•
Типографика и современный CSS
• MyFonts представила мобильное приложение для распознавания шрифтов
•
CSS font-display: будущее рендера шрифтов в вебе
•
Управление загрузкой шрифтов больше не является проблемой. Zach Leatherman о postcss-foft-classes
•
Веб-типографика: создаем таблицы для того, чтобы их читать, а не рассматривать
•
Тесты размеров вариативных шрифтов
JavaScript
• JS: Настройка окружения. Новый бесплатный курс на Hexlet
• Плавильный котел JavaScript.. Перевод статьи Дэна Абрамова «The melting pot of JavaScript»
•
Чем хорош (и чем плох) Typescript: опыт UI-разработчиков
•
JavaScript, Node, Puppeteer: автоматизация Chrome и веб-скрапинг
• 3+ года Ember, 6 месяцев React
•
Лямбда-исчисление с помощью JavaScript. Введение в корни функционального программирования
- ES2015+:
•
Введение в часто используемые особенности ES6. Часть 2
•
Рефакторинг старой и сломанной библиотеки с использованием async/await c TDD
Angular:
• Выпущено обновление JS-фреймворка Angular 5.0.0
•
Angular v5 вышел, ознакомьтесь с новыми функциями, изменениями и улучшениями
•
18 советов от keycdn по улучшению производительности Angular
•
Эти 5 статей помогут вам стать экспертом Angular Change Detection
VueJS:
•
Демистификация методов жизненного цикла Vue
•
VueJs: введение в Vuex
•
Интеграция React и Vue компонентов в одном приложении
•
Создание Vue приложения с Nuxt.js и Server-Side рендерингом
•
Создание игры 2048 на Vue.js
React:
• Правила жизни с Редаксом
•
История React: как покупка Инстаграмма Фейсбуком привела к опенсорсингу React.js
•
Netflix ускорился в два раза, отказавшись от client-side React
•
Как работает JavaScript: глубокое погружение в WebSockets и HTTP/2 с SSE + как выбрать правильный путь
•
Шаблоны компонентов React
•
svgr — трансформация SVG в компоненты React
- Libs & Plugins:
•
Frappé Charts — простые и современные графики, вдохновленные GitHub, без зависимостей
•
Введение в тепловые карты на Mapbox GL JS
•
handorgel — доступный аккордион, соответствующий стандартам W3C и написанный на ES6
•
Focusingly — JavaScript библиотека для улучшения стилизации фокуса на элементах
Браузеры
•
В Firefox 58 появится защита от скрытой идентификации пользователей при помощи Canvas
•
Сотрудник Microsoft прямо посреди презентации возможностей Azure установил Chrome, поскольку Edge постоянно зависал
•
Google выпустила бета-версию браузера Chrome 63
•
Firefox получит инструмент анонимности из Tor Browser
•
Преставляем новые оптимизации JavaScript, WebAssembly, SharedArrayBuffer, и Atomics в EdgeHTML 16
•
Технические подробности Safari Technology Preview 43
• Статистика операционных систем и браузеров за октябрь 2017 года
Занимательное
• Комитет IETF одобрил код 103 ответа HTTP
• GitHub запустил форумы сообщества для объединения разработчиков
• Доступно о машинном обучении: распознавание речи
• Студентам MIT удалось обмануть ИИ Google, заставив думать, что черепаха – это винтовка
• Результаты поиска Google больше не зависят от домена верхнего уровня
• AliExpress наняла инженеров из «Яндекса» для обучения сервисов русскому языку
•
Полное руководство по SEO в 2018
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
