Прежде чем перейти к статье, хочу вам представить, экономическую онлайн игру Brave Knights, в которой вы можете играть и зарабатывать. Регистируйтесь, играйте и зарабатывайте!
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
• Подкаст «Веб-стандарты», 168. Why Samsung needs a browser, WebVR to WebXR transition, XR use cases for the Web
• Подкаст «Сделайте мне красиво» Выпуск №12, в гостях Антон Кастрицкий — vanila js, You-Dont-Need и недовольный Олег
• Подкаст «CSSSR»: Новости 512 — Выпуск №45 (30.03 — 05.04)
• «ALL YOUR HTML» #s2e9: «Система частиц из текста»
• Безопасность клиентских приложений: практические советы для Front-end разработчика
• Избавляемся от дублей пакетов в бандлах
• 12 базовых рефлексов верстальщика
• Что нового в Foundation 6
• Представляем новый слой рендеринга для theguardian.com по версии 2019 года
• Нативный lazy-loading для изображения приходит в веб! Addy Osmani анонсировал поддержку атрибута loading в будущей версии Chrome
• Веб-компоненты заменят твой фронтенд фреймворк
• CSSBattle — игра, в которой с помощью ваших CSS умений нужно воссоздать графические объекты с минимально возможным кодом
• Что на самом деле делает «supported-color-schemes» в Dark Mode?
• Ruby Sass достиг конца жизненного цикла
• Управление Z-индексом в компонентном веб-приложении
• CSS Стандартизация, свежий выпуск «The State of the Web» с Rick Viscomi и Jen Simmons (CSS Working Group, Mozilla)
• Как создавать лучшие темы с помощью CSS-переменных
• Скрытая сила CSS Text Align
• Подробности о GraphQL: что, как и почему
• Ускоряем WebGL/Three.js с помощью OffscreenCanvas и веб-воркеров
• Что такого особенного в TypeScript?
• Еще один JavaScript Framework
• Remy Sharp: Как я не справился с <a>
• JavaScript Web Workers: руководство для начинающих
• Как использовать Axios с JavaScript
• От Javascript до Typescript и Elm
• Почему вы должны изучать vanilla javascript в отдельности, если хотите быть лучшим разработчиком
• Лог изменений в V8 помог создать эксплоит для неисправленной уязвимости в Chrome
• В ночные сборки Firefox добавлен блокировщик назойливых уведомлений и API UserScripts
• Can I Stop? Освободитесь от необходимости поддержки Internet Explorer 11 в местах, где (почти) никто не использует его.
• Оценка популярных браузеров с точки зрения безопасности и конфиденциальности
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
Медиа
• Подкаст «Веб-стандарты», 168. Why Samsung needs a browser, WebVR to WebXR transition, XR use cases for the Web
• Подкаст «Сделайте мне красиво» Выпуск №12, в гостях Антон Кастрицкий — vanila js, You-Dont-Need и недовольный Олег
• Подкаст «CSSSR»: Новости 512 — Выпуск №45 (30.03 — 05.04)
• «ALL YOUR HTML» #s2e9: «Система частиц из текста»
Веб-разработка
• Безопасность клиентских приложений: практические советы для Front-end разработчика
• Избавляемся от дублей пакетов в бандлах
• 12 базовых рефлексов верстальщика
• Что нового в Foundation 6
• Представляем новый слой рендеринга для theguardian.com по версии 2019 года
• Нативный lazy-loading для изображения приходит в веб! Addy Osmani анонсировал поддержку атрибута loading в будущей версии Chrome
• Веб-компоненты заменят твой фронтенд фреймворк
- Accessibility:
• Доступность для вестибулярных расстройств: как моя временная нетрудоспособность изменила мою точку зрения
• Применение передовых методов обеспечения доступности с автоматически генерируемыми идентификаторами
• Прогрессивный компонент раскрывающегося блока с максимальной поддержкой доступности
• Тестирование HTML5 Landmarks
• Мутные воды ADA Website Compliance могут стать менее мутными в 2019 году
- Анимация:
• Вдохновляющие сайты, подборка #3
• Креативная анимация переключения режима просмотра
• Crossroads Slideshow. Экспериментальный слайдер под наклоном, с предпросмотром и открытием контента по клику
• Dogstudio — сайт с крутым скролл-эффектом
CSS
• CSSBattle — игра, в которой с помощью ваших CSS умений нужно воссоздать графические объекты с минимально возможным кодом
• Что на самом деле делает «supported-color-schemes» в Dark Mode?
• Ruby Sass достиг конца жизненного цикла
• Управление Z-индексом в компонентном веб-приложении
• CSS Стандартизация, свежий выпуск «The State of the Web» с Rick Viscomi и Jen Simmons (CSS Working Group, Mozilla)
• Как создавать лучшие темы с помощью CSS-переменных
• Скрытая сила CSS Text Align
JavaScript
• Подробности о GraphQL: что, как и почему
• Ускоряем WebGL/Three.js с помощью OffscreenCanvas и веб-воркеров
• Что такого особенного в TypeScript?
• Еще один JavaScript Framework
• Remy Sharp: Как я не справился с <a>
• JavaScript Web Workers: руководство для начинающих
• Как использовать Axios с JavaScript
• От Javascript до Typescript и Elm
• Почему вы должны изучать vanilla javascript в отдельности, если хотите быть лучшим разработчиком
- Теория:
• Прототипно-ориентированное программирование в JavaScript
• Самые необходимые строковые и числовые методы в JavaScript
• Основы движков JavaScript: общие формы и Inline кэширование. Часть 1
• 12 приемов работы с JavaScript, которых нет в большинстве туториалов
• Как сделать ваш код JavaScript простым и легким для чтения
• Все, что вам нужно знать о Promise.all
• Каррирование длины переменной в JavaScript
- VueJS:
• Плагины VueJS и Vue CLI 3 для повышения производительности вашего приложения
• VueJs Amsterdam 2019 — Краткий обзор мероприятия и докладов (часть 1)
• Unit vs E2E тестирование во Vue.js
• Как создать редактируемую таблицу данных в реальном времени в Vue.js
• Представляем Vue Chimera, реактивный restful api client
• PreVue: инструмент прототипирования для Vue
- React:
• Дан Абрамов обучает меня React Hooks
• Функции высшего порядка: что это такое и пример на React
• Как создать современное веб-приложение с использованием WordPress и React
• Как создать доступное модальное окно на React
• Как создать собственные React хуки
- Angular:
• Мультиязычные приложения в Angular
• Планы на Angular 8.0 и Ivy
• What to Expect in Angular 8
• Создание расширяемого динамического подключаемого Enterprise приложения на Angular
• Дорожная Angular карта — прошлое, настоящее и будущее
• Как начать летать с Angular и NgRx
• Как создавать темы для ваших приложений на Angular 7, используя CSS-переменные
• Управление состоянием с использованием объектов RxJS в приложениях Angular
- Libs & Plugins:
• Solid — лучшая JS UI-библиотека на, о которой вы никогда не слышали
• code-server: запускает VS Code на удалённом сервере
Браузеры
• Лог изменений в V8 помог создать эксплоит для неисправленной уязвимости в Chrome
• В ночные сборки Firefox добавлен блокировщик назойливых уведомлений и API UserScripts
• Can I Stop? Освободитесь от необходимости поддержки Internet Explorer 11 в местах, где (почти) никто не использует его.
• Оценка популярных браузеров с точки зрения безопасности и конфиденциальности
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.