Медиа | Веб-разработка | 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)
Веб-разработка
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
• Оценка взаимодействия: Google изменит алгоритм ранжирования сайтов
•
![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)
- Производительность
•Как я использовал Brotli для получения еще меньших файлов CSS и JavaScript на CDN
•Тестирование скорости мобильных страниц
•Повысьте производительность сайта с помощью инлайнинга CSS
- Эффекты
•Подборка креативных прототипов „UI Interactions & Animations Roundup #7“
•Кинетическая типографика с Three.js
•ScrollTrigger — переизобретение скролл-анимации от GreenSock
CSS
• Конфигурируем цветовую схему веб-приложения
•
![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
• Что сегодня умеет JavaScript
• Аккуратно внедряем Emoji, не ломая все остальное
•
![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
•Антипаттерны JavaScript — прототипы, Switch и многое другое
•Топ-19 часто задаваемых вопросов о TypeScript на собеседованиях
•Stranger Things, JavaScript Edition
- React
•12 советов по внедрению TypeScript в React-приложениях
•useSWR — Моя новая любимая библиотека в React
•Использование REST API в React с Fetch и Axios
•Как сделать React-приложение прогрессивным веб-приложением (PWA)
•Как создать инструмент предварительного просмотра Markdown на React.js
•Один клевый трюк для упрощения функций редуктора
- Vue
•Vuex – решаем старый спор новыми методами
•Vite – ведение разработки без бандлов на Vue
•Vue Best Practices — Наиболее важные изменения
•Чистые, масштабируемые формы с Vue Composition API
•Быстрый и простой способ реализации поиска во Vue
•Изучите Vuex за 5 минут.
•Подкаст „Views on Vue“ №108: Inside Vue 3 with Gregg Pollack
- Angular
•Как использовать JSON-LD для продвинутого SEO в Angular
•Кастомные декораторы в Angular
•В защиту фреймворка Angular
•Глубокое погружение в @Injectable и providedIn в Ivy
•Тестирование маршрутизируемых компонентов Angular с RouterTestingModule
- Ember
•The Ember Times — Issue No. 151
- Svelte
•Подробное объяснение директивы bind в Svelte
•C нуля до приложения с потоковой передачей
•Как добавить настраиваемые SVG иконки в приложение на Svelte JS
- Libs & Plugins
•consoleimg — Отображение изображений в консоли разработчика
•Grid.js — продвинутый плагин для работы с таблицами, релиз новой версии
Браузеры
• Релиз Firefox 77
• В Firefox появится возможность экспорта сохранённых паролей в формате CSV
• Microsoft развёртывает новый Microsoft Edge для всех пользователей Windows 10
• В браузере Brave выявлена подстановка реферального кода при открытии некоторых сайтов
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
aio350
спасибо за подборку