Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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 | Браузеры | Занимательное
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
Веб-разработка
• 10 советов о том, как увеличить скорость загрузки страницы
• Инструменты для организации эффективного процесса веб-разработки
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Accessibility:
•Анатомия доступных форм: обязательные поля формы
•Паттерны и стратегии для доступных веб-приложений
- API:
• Google обосновал ограничение API webRequest, используемого блокировщиками рекламы
•Fullscreen API: Как перейти в полноэкранный режим на iPad Safari
•The Layout Instability API. Обнаружение неожиданных изменений макета в JavaScript.
•MediaStream API
CSS
• Нужны ли препроцессоры в 2019 году
• Стиль мышления CSS
• Анимированное руководство по CSS flex
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Теория:
•Что записано в 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 появится новый менеджер дополнений
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Занимательное
• NYTimes прочитали 150 пользовательских соглашений. Выводы неутешительные
• Представлена новая техника скрытой идентификации системы и браузера
• Графическому формату GIF — 32 года. Посмотрите на первую «гифку»
• Самые странные разделы Reddit по версии пользователей Reddit
• Google выпустила бесплатную видеоигру Game Builder, которая позволяет создавать 3D-игры в стиле Minecraft, не имея ни малейшего представления о геймдейве
• Apple и Microsoft совместно разработали новое приложение iCloud для Windows 10
• Этика ИИ: как относиться к способным мыслить и чувствовать роботам?
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin