Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• Подкаст «CSSSR». Новости 512 – Vue 3, переход на Context API и React Hooks, и держись, Huawei
• Подкаст «Frontend Weekend» #91 – Евгений Кот о боли жизни тимлидов, пути становления GDE и суровом отборе на HolyJS
• Подкаст «Сделайте мне красиво!», Выпуск №18: в гостях Илья Якямсев — Scrum, выгорание и
• Подкаст «Фронтенд Юность (18+)» #94: Фронтенд умер и только молодость его спасёт
• «Repozitorro» #15 — Я не нашёл читаемый код
• KharkivCSS #4 2019, 7 видео
Веб-разработка
• Настоящее реактивное программирование в Svelte 3.0
• «Там надо знать и веб-стек, и C++»: интервью с Алексеем Козятинским о разработке Chrome DevTools и не только
• Передняя документация, руководства по стилю и развитие MDX
• Сноски, которые работают в RSS читалках
• DevChecklist: совместное пространство для создания и хранения чеклистов, которые помогают обеспечить качество программного обеспечения
• Webpack от нуля до героя — часть 3: Все является модулем
• WebAssembly в eBay: реальный пример использования
• Статический веб — назад к корням?
• Измерение интерактивности с TTI: Time To Interactive
- Accessibility:
• Инклюзивные компоненты: меню и кнопки меню
• Доступные кнопки с иконками. Подробная статья от Sara Soueidan c примерами
• Контекстная разметка доступных изображений и SVG
• Внешние ссылки, новые вкладки и Accessibility
CSS
• Гибкие таблицы на CSS Grid
• Визуальное выделение текста с помощью HTML тега mark
• Что нового в Tailwind CSS v1
• benefit — небольшая CSS-утилита, совместимая с TailwindCSS
• font-display не совместим с иконочными шрифтами
• Текущее состояние резиновой типографики
• Код как документация: новые стратегии с помощью CSS Grid
• 10 советов по CSS, которые я освоил при использовании Sass
• Визуальный онлайн-редактор Flex Layout
• Проблема внутренних отступов контейнера
• CSS так может?
JavaScript
• JavaScript — лучший язык программирования для начинающих
• Выведение Action type с помощью Typescript
• Node.js для начинающих: основы работы с файлами
• Как подключить скрипт на сторонний сайт
• Исчезающие фреймворки
• Злоупотребление jQuery для атак по сторонним каналам с помощью CSS
• Ленивая загрузка изображений с использованием Intersection Observer API
• Создание Grid-to-Fullscreen анимации с Three.js
- Теория:
• JavaScript-движки: как они работают? От стека вызовов до промисов — (почти) всё, что вам нужно знать
• Пишем чистый и масштабируемый JavaScript-код: 12 советов
• FunES#10: Странный массив
• Путешествие по JavaScript: от загрузки скриптов до исполнения — часть II
• Функциональный JavaScript: как использовать array reduce для чего-то кроме чисел
- React:
• Берем под контроль производительность React
• Релиз Material-UI v4
• Использование WebAssembly с React
• Почему вы должны рендерить React на стороне сервера
• Начало работы с react-testing-library
• Мой опыт перехода от Enzyme к react-testing-library
• Доступное руководство по useReducer
- VueJS:
• Начало работы с Vue — обзор и учебное руководство
• Vue.js и SEO: как оптимизировать реактивные сайты для поисковых систем и ботов
• 5 простых способов радикально улучшить скорость вашего VueJS-приложения
- Angular:
• Angular 8 RC.5 – кандидат в релиз запущен с новыми функциями и критическими изменениями
• Исследование хуков жизненного цикла Angular – OnInit
• Создайте прогрессивное веб-приложение с Angular
- Libs & Plugins:
• await-timeout: API на базе промисов для setTimeout / clearTimeout
• v8n: ультимативная библиотека для валидации
• Tornis — библиотека, следящая за состоянием видимой области браузера, позволяющая реагировать на её изменения
• is-incognito-mode: функция для определения нахождения браузера в режиме инкогнито
Браузеры
• Firefox 67, технические подробности релиза от Марата Таналина
• В Firefox 69 по умолчанию будет прекращена обработка userContent.css и userChrome.css
• Больше года мобильные Chrome, Safari и Firefox не предупреждали пользователей о фишинге
• Opera анонсировала первый геймерский браузер
• Представляем первые предварительные сборки Microsoft Edge для macOS
• Firefox обеспечивает плавное воспроизведение видео с помощью самого быстрого в мире декодера AV1
Занимательное
• Справочная: конфликт США и Huawei — хронология и причины
• GitHub Sponsors: новый способ внести свой вклад в open source
• Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов
• IT-рынок в цифрах: статистика и прогнозы развития
• Он нас понимает? Как компьютер учит языки людей
• Человек, купивший первую пиццу за биткоины: не только мем, но и пионер майнинга
• За этот сайт нам заплатили более 5 млн рублей, и вот почему
• Краткий справочник анонима. Виды шифрования и защиты трафика, выбор софта
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort