Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
•
Подкаст «Веб-стандарты», 169. Safari 12.1 и IE11, веб-воркеры и ленивые картинки, Sass, Эрик Мейер и CSSBattle.
• Подкаст «Веб-стандарты», 168. Why Samsung needs a browser, WebVR to WebXR transition, XR use cases for the Web
• Подкаст «Девшахта/Ночной фронтенд» 74: О фронтенд-разработке в Ростове-на-Дону
• Подкаст «Сделайте мне красиво» Выпуск №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 | Браузеры
Медиа
•
Подкаст «Веб-стандарты», 169. Safari 12.1 и IE11, веб-воркеры и ленивые картинки, Sass, Эрик Мейер и CSSBattle.•
Подкаст «Веб-стандарты», 168. Why Samsung needs a browser, WebVR to WebXR transition, XR use cases for the Web •
Подкаст «Девшахта/Ночной фронтенд» 74: О фронтенд-разработке в Ростове-на-Дону •
Подкаст «Сделайте мне красиво» Выпуск №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
VueJS:
React:
• Дан Абрамов обучает меня React Hooks
• Функции высшего порядка: что это такое и пример на React
• Как создать современное веб-приложение с использованием WordPress и React
• Как создать доступное модальное окно на 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
Angular:- Libs & Plugins:
• Solid — лучшая JS UI-библиотека, о которой вы никогда не слышали
• code-server: запускает VS Code на удалённом сервере
Браузеры
• Лог изменений в V8 помог создать эксплоит для неисправленной уязвимости в Chrome
• В ночные сборки Firefox добавлен блокировщик назойливых уведомлений и API UserScripts
•
Can I Stop? Освободитесь от необходимости поддержки Internet Explorer 11 в местах, где (почти) никто не использует его.•
Оценка популярных браузеров с точки зрения безопасности и конфиденциальности
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
← Дайджест за прошлую неделю
Материал подготовили dersmoll и alekskorovin
