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