Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Веб-стандарты» #180: Chrome и Safari, TC39, сторонние ресурсы, подгриды и доступность
• Подкаст «Сделайте мне красиво», Выпуск №19: в гостях Андрей Чиж — Подробно про GraphQL, немного о фул стеке и смерти адблокеров; Выпуск №20: в гостях Андрей Ситник — Рождение суперзлодея, цензура и почему митапы лучше конференций
• Подкаст «Девшахта-подкаст» #84: Роман Дворнов о тимлидах и синьорах
• Подкаст «Frontend Weekend» #93: Наталия Короткова о том, как переехать в Лондон и на месте найти работу разработчиком
• Подкаст «CSSSR» #93: Новости 512 – терминал в Windows, тестирование и CD, эволюция Firefox и Билайн против Mail.ru
• Подкаст «Фронтенд Юность (18+)»: VDSina будет хостить npm
•
«Frontreview» #13: Советы по собеседованию в IT компанию
• «Repozitorro» #17: Очень креативное портфолио, но есть нюанс...
• «proConf» #16: React Amsterdam 2019 | Куда движется React | Почему тормозит React Native
•
#s3e3 ALL YOUR HTML, Page transitions with Highway.js and WebGL
• JSConf Hawaii 2019, 9 видео
• JSConf EU 2019, 17 видео
• 10 советов о том, как увеличить скорость загрузки страницы
• Инструменты для организации эффективного процесса веб-разработки
• Технологические тренды веб-разработки 2019
• Представляем новый элемент HTML — встречайте <clippy>!
• Интерактивная анимация в HTML письмах
• Когда вы должны использовать Web Workers?
• 7 абсолютных истин, которые я пересмотрел с тех времен, когда был Junior разработчиком
• Нужны ли препроцессоры в 2019 году
• Стиль мышления CSS
• Анимированное руководство по CSS flex
• Итоги ежегодного опроса «The State of CSS 2019»
• Стилизация в современных веб-приложениях
• Разрыв строки в терминальном стиле с помощью CSS Text
• Опасности функционального CSS
• Почему большинство разработчиков боятся CSS
• Анимация CSS Grid Rows и Columns
• every-layout.dev — Переучиваемся строить CSS лейауты
• Рисование реалистичных облаков с помощью SVG и CSS
• Размеры DOM-элемента и CSS-трансформации
• Делаем таблицы отзывчивыми с помощью небольшого количества CSS
•
Рассказ о том, почему я до сих пор использую jQuery
• Протокол для общения между iframe и основным окном браузера
• MAM: сборка фронтенда без боли
• Список (продвинутых) вопросов в JavaScript
• Все, что вам нужно знать о дате в JavaScript
• Веб-аудио для электрогитары: как подключить инструмент
• Opera разработала первый в мире «геймерский браузер» Opera GX с характерным дизайном, контролем за нагрузкой на процессор и память и другими игровыми функциями
• Opera, Brave и Vivaldi не будут бороться с блокировщиками рекламы, когда обновится Chromium
• Представлены новые логотипы Firefox и связанных с ним сервисов
• Mozilla хочет внедрить в Firefox платный сервис подписки для доступа к «премиальным» функциям, но сам браузер останется бесплатным
• Бета-версия Google Chrome 76 усложняет использование Flash и упрощает обход Paywall
• Microsoft не отказывается от Internet Explorer в Windows 10
• В Firefox 68 появится новый менеджер дополнений
• В следующей версии Chrome значок Install будет автоматически отображаться в адресной строке, если сайт соответствует критериям PWA
• Разработчики Microsoft Edge провели сессию Reddit AMA
• NYTimes прочитали 150 пользовательских соглашений. Выводы неутешительные
• Представлена новая техника скрытой идентификации системы и браузера
• Графическому формату GIF — 32 года. Посмотрите на первую «гифку»
• Самые странные разделы Reddit по версии пользователей Reddit
• Google выпустила бесплатную видеоигру Game Builder, которая позволяет создавать 3D-игры в стиле Minecraft, не имея ни малейшего представления о геймдейве
• Apple и Microsoft совместно разработали новое приложение iCloud для Windows 10
• Этика ИИ: как относиться к способным мыслить и чувствовать роботам?
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•
Подкаст «Веб-стандарты» #180: Chrome и Safari, TC39, сторонние ресурсы, подгриды и доступность•
Подкаст «Сделайте мне красиво», Выпуск №19: в гостях Андрей Чиж — Подробно про GraphQL, немного о фул стеке и смерти адблокеров; Выпуск №20: в гостях Андрей Ситник — Рождение суперзлодея, цензура и почему митапы лучше конференций •
Подкаст «Девшахта-подкаст» #84: Роман Дворнов о тимлидах и синьорах •
Подкаст «Frontend Weekend» #93: Наталия Короткова о том, как переехать в Лондон и на месте найти работу разработчиком•
Подкаст «CSSSR» #93: Новости 512 – терминал в Windows, тестирование и CD, эволюция Firefox и Билайн против Mail.ru•
Подкаст «Фронтенд Юность (18+)»: VDSina будет хостить npm •
«Frontreview» #13: Советы по собеседованию в IT компанию•
«Repozitorro» #17: Очень креативное портфолио, но есть нюанс...•
«proConf» #16: React Amsterdam 2019 | Куда движется React | Почему тормозит React Native•
#s3e3 ALL YOUR HTML, Page transitions with Highway.js and WebGL•
JSConf Hawaii 2019, 9 видео•
JSConf EU 2019, 17 видео
Веб-разработка
• 10 советов о том, как увеличить скорость загрузки страницы
• Инструменты для организации эффективного процесса веб-разработки
•
Технологические тренды веб-разработки 2019•
Представляем новый элемент HTML — встречайте <clippy>!•
Интерактивная анимация в HTML письмах•
Когда вы должны использовать Web Workers?•
7 абсолютных истин, которые я пересмотрел с тех времен, когда был Junior разработчиком- Accessibility:
• Анатомия доступных форм: обязательные поля формы
• Паттерны и стратегии для доступных веб-приложений
- API:
• Google обосновал ограничение API webRequest, используемого блокировщиками рекламы
• Fullscreen API: Как перейти в полноэкранный режим на iPad Safari
• The Layout Instability API. Обнаружение неожиданных изменений макета в JavaScript.
• MediaStream API
CSS
• Нужны ли препроцессоры в 2019 году
• Стиль мышления CSS
• Анимированное руководство по CSS flex
•
Итоги ежегодного опроса «The State of CSS 2019»•
Стилизация в современных веб-приложениях•
Разрыв строки в терминальном стиле с помощью CSS Text•
Опасности функционального CSS•
Почему большинство разработчиков боятся CSS•
Анимация CSS Grid Rows и Columns•
every-layout.dev — Переучиваемся строить CSS лейауты•
Рисование реалистичных облаков с помощью SVG и CSS•
Размеры DOM-элемента и CSS-трансформации•
Делаем таблицы отзывчивыми с помощью небольшого количества CSS
JavaScript
•
Рассказ о том, почему я до сих пор использую jQuery•
Протокол для общения между iframe и основным окном браузера•
MAM: сборка фронтенда без боли •
Список (продвинутых) вопросов в JavaScript•
Все, что вам нужно знать о дате в JavaScript•
Веб-аудио для электрогитары: как подключить инструмент- Теория:
• Что записано в this? Закулисье JavaScript-объектов
• Мутировать или иммутировать, вот в чем вопрос
• Анти-паттерн reduce ({...spread})
React:
• Использование Typescript с React – руководство для новичков
• Глубокое погружение в Redux
• Анонс styled-components v5: Режим Зверя, включающий множество улучшений, связанных с производительностью
• Использование Cypress для написания тестов для React приложений
• Изучите React хуки, написав свой первый хук
Angular:
• Как использовать JQuery с Angular (когда вам абсолютно необходимо)
• Изучение Angular & RxJS: Таймер обратного отсчета
• Все, что вам нужно знать о Ivy, новом движке Angular
• Несколько Angular приложений на одной странице
• Углубленный взгляд на ng template в Angular
• Руководство по дифференциальной загрузке в Angular 8
VueJS:
• Тестирование Vue с Jest
• Vue 3.0: чего следует ожидать исходя из сообщений от Evan You & Chris Fritz
• Что нового в Nuxt JS 2.8.0
- Ember:
• Ember в 2019 году: избавляемся от «мы и они»
• Улучшение вашего DX на Ember, часть 1: Быстрые победы
• #EmberJS2019: Мой список пожеланий
• Руководство по тестированию Ember.js, которое я сделал для себя
• Статические типы в EmberJs?
- Libs & Plugins:
• Pinker.js — js-библиотека для рендера диаграмм code/class
• Javascript Library Boilerplate Basic — минимальный стартовый пакет для вашего проекта на Javascript
• Macro Decorators — утилитарные макросы и обёртки для создания собственных декораторов (для любого фреймворка)
• fuzzyjs — алгоритм с нечёткой логикой поиска в js
• Полифил для Resize Observer
Браузеры
• Opera разработала первый в мире «геймерский браузер» Opera GX с характерным дизайном, контролем за нагрузкой на процессор и память и другими игровыми функциями
• Opera, Brave и Vivaldi не будут бороться с блокировщиками рекламы, когда обновится Chromium
• Представлены новые логотипы Firefox и связанных с ним сервисов
• Mozilla хочет внедрить в Firefox платный сервис подписки для доступа к «премиальным» функциям, но сам браузер останется бесплатным
• Бета-версия Google Chrome 76 усложняет использование Flash и упрощает обход Paywall
• Microsoft не отказывается от Internet Explorer в Windows 10
• В Firefox 68 появится новый менеджер дополнений
•
В следующей версии Chrome значок Install будет автоматически отображаться в адресной строке, если сайт соответствует критериям PWA•
Разработчики Microsoft Edge провели сессию Reddit AMA
Занимательное
• NYTimes прочитали 150 пользовательских соглашений. Выводы неутешительные
• Представлена новая техника скрытой идентификации системы и браузера
• Графическому формату GIF — 32 года. Посмотрите на первую «гифку»
• Самые странные разделы Reddit по версии пользователей Reddit
• Google выпустила бесплатную видеоигру Game Builder, которая позволяет создавать 3D-игры в стиле Minecraft, не имея ни малейшего представления о геймдейве
• Apple и Microsoft совместно разработали новое приложение iCloud для Windows 10
• Этика ИИ: как относиться к способным мыслить и чувствовать роботам?
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
