Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
«Новости 512» от CSSSR: как исполняется JS-код, Deno 1.14, туториалы по Fastly, как избавиться от старых подходов при помощи современного CSS, Virtual Keyboard API, лазерный интернет в Африке от Google.
•«Callback Hell» от CSSSR: Как войти в IT, продолжить расти и не выгореть
•Подкаст «Фронтенд Юность» #203 Джейсоноукладка и математика
•Подкаст «Веб-стандарты» 299. Браузеры в iOS, TypeScript, обучение через игру, a11y, React Native в вебе, сложный фронтенд
•
Подкаст «Pro Conf» #107: Vuejs Amsterdam 2021
•Задаём вопросы фронтенд-разработчику: собеседование в прямом эфире
•Критерии качества вёрстки: круглый стол с Никитой Дубко и Алексеем Авдеевым
•Я.Субботник по разработке интерфейсов
•
Веб-безопасность 201
•Используйте фавиконки правильно
•Core Web Vitals: с чего начать?
•
Оптимизация изображений в вебе
•Как записывать аудио с помощью MediaStream API
•Web QA: от пользовательских требований до управления веб-рисками
•Глубокое погружение в VideoNG
•Управление комплексными анимациями с помощью Web Animations API
•Моя боль при создании WYSIWYG-редактора с contenteditable
•Создание красивых теней на CSS
•Зернистые градиенты
•Будущее CSS: каскадные слои (CSS @layer)
•Снижение потребности в псевдоэлементах
•Подробно о «gap» в CSS
•Модернизация инфраструктуры CSS в DevTools
•CSS Container Query Units
•CSS Flexbox vs Grid layout
•Поднимаем паруса с Tailwind CSS
•Построение библиотек компонентов и их организация. Или как извлечь максимальную пользу для бизнеса c React и Angular
•JavaScript: о том, что нас ждет в следующем году
•Современная архитектура Electron приложений в 2021
•35 вопросов с собеседования JavaScript-разработчика
•Файлы как они есть. Работа с типизированными массивами
•Forever Functional: функции высшего порядка — функции для управления функциями
•Добавление аннотаций типов в ваш Vanilla JavaScript с JSDoc
•Маленькие пакеты, быстрые страницы: что делать со слишком большим объемом JavaScript
•Валютные расчеты в JavaScript
•Определение того, включены ли третьесторонние cookie или нет с JavaScript
• В Firefox проводится эксперимент по использованию поисковой системы Bing по умолчанию
• Mozilla представила Firefox Suggest и новый интерфейс браузера Firefox Focus
•Chrome — это новый Safari. А также Edge и Firefox.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
«Новости 512» от CSSSR: как исполняется JS-код, Deno 1.14, туториалы по Fastly, как избавиться от старых подходов при помощи современного CSS, Virtual Keyboard API, лазерный интернет в Африке от Google.•
«Callback Hell» от CSSSR: Как войти в IT, продолжить расти и не выгореть•
Подкаст «Фронтенд Юность» #203 Джейсоноукладка и математика•
Подкаст «Веб-стандарты» 299. Браузеры в iOS, TypeScript, обучение через игру, a11y, React Native в вебе, сложный фронтенд•
Подкаст «Pro Conf» #107: Vuejs Amsterdam 2021•
Задаём вопросы фронтенд-разработчику: собеседование в прямом эфире•
Критерии качества вёрстки: круглый стол с Никитой Дубко и Алексеем Авдеевым•
Я.Субботник по разработке интерфейсовВеб-разработка
•
Веб-безопасность 201•
Используйте фавиконки правильно•
Core Web Vitals: с чего начать?•
Оптимизация изображений в вебе•
Как записывать аудио с помощью MediaStream API•
Web QA: от пользовательских требований до управления веб-рисками•
Глубокое погружение в VideoNG•
Управление комплексными анимациями с помощью Web Animations API•
Моя боль при создании WYSIWYG-редактора с contenteditable-
Доступность
•Accessible Palette: создавайте цветовые системы с правильными значениями яркости и контраста
•In Quest of Search: Почему я считаю хорошей идеей добавление нового HTML элемента-секции для поиска.
•Мифы о Web Accessibility
CSS
•
Создание красивых теней на CSS•
Зернистые градиенты•
Будущее CSS: каскадные слои (CSS @layer)•
Снижение потребности в псевдоэлементах•
Подробно о «gap» в CSS•
Модернизация инфраструктуры CSS в DevTools•
CSS Container Query Units•
CSS Flexbox vs Grid layout•
Поднимаем паруса с Tailwind CSSJavaScript
•
Построение библиотек компонентов и их организация. Или как извлечь максимальную пользу для бизнеса c React и Angular•
JavaScript: о том, что нас ждет в следующем году•
Современная архитектура Electron приложений в 2021•
35 вопросов с собеседования JavaScript-разработчика•
Файлы как они есть. Работа с типизированными массивами•
Forever Functional: функции высшего порядка — функции для управления функциями •
Добавление аннотаций типов в ваш Vanilla JavaScript с JSDoc•
Маленькие пакеты, быстрые страницы: что делать со слишком большим объемом JavaScript•
Валютные расчеты в JavaScript•
Определение того, включены ли третьесторонние cookie или нет с JavaScript-
React
•Игра с голосовым управлением на React и Phaser
•Как сократить время загрузки React приложения на 70%
•Использование Recoil вместо Redux для управления состоянием в React приложениях .
•Как JSX (React) работает под капотом
•Простое руководство по React useReducer() Hook
•Переменные CSS для разработчиков на React
•Визуальное руководство по React Rendering — DOM
-
Vue
• Vue 3: когда свойство computed может быть неправильным инструментом
•Бесконечная прокрутка во Vue с использованием API Vue Intersection Observer
•Создание компонента подписи во Vue
•Vue PWA: разработка прогрессивных веб-приложений с помощью Nuxt
•Полное руководство по Vue.js 3 [10/10]
-
Angular
•Подробное описание операторов RxJS — Часть 1
•React Context в Angular
•Отслеживание области взаимодействия с пользователем
-
Libs & Plugins
•Первое знакомство с JavaScript-библиотекой Solid
•ChowJS: движок AOT JavaScript для игровых консолей
•tiny-vdom — Минимально возможная реализация virtual DOM.
•dotto.x — крошечный менеджер состояний для React, Svelte и vanilla JS.
Браузеры
• В Firefox проводится эксперимент по использованию поисковой системы Bing по умолчанию
• Mozilla представила Firefox Suggest и новый интерфейс браузера Firefox Focus
•
Chrome — это новый Safari. А также Edge и Firefox.Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
john_samilin
а для раздела с WebGL пока слишком мало контента?
alexzfort Автор
наверное просто целенаправленно не искал. могу копнуть в эту сторону в следующий раз, если есть такой запрос
john_samilin
еще как есть