Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Подкаст «Pro Conf» №104: Frontend Conf 2020
•
Подкаст «Фронтенд Юность» #201 Крупные Системы Стремятся К Кунификации
•![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
#4 Kaiwa Show с Андреем Ситником: об IT, эмиграции и путешествиях.
•
Специальный выпуск Frontend Weekend №104, в гостях Лекс АйТиБорода из компании EPAM: как разработчику может помочь собственный YouTube-канал
•
Подкаст «Веб-стандарты» №297. Бета Chrome 94, TS 4.4, You don’t know JS, React render tracker, Safari, текстовый браузер Deno
•
Код ревью, как внедрить и не испытывать боль
•
Мой крошечный любительский проект оказался важнее, чем десять лет работы в индустрии ПО
•
Жизнь до Unicode
•
Что это за зверь — WebAssembly?
•
Доступ к современным функциям графического процессора с помощью WebGPU
•
Почему гиперссылки синие?
•
Вектор? Растр? Почему не оба
•
Используете console.log() на веб-сайтах? Логпойнты позволят вам облегчить задачу
•
Хак для background-attachment: fixed
•
Масштабируемый эффект пишущей печатной машинки на CSS
•
7 полезных шпаргалок по CSS для улучшения ваших навыков
•
Тест производительности CSS переменных в 2021
•
Как создать Emojis на CSS
• Ошибки, которые не учат: на что обратить внимание при изучении JavaScript
•
JavaScript: 2 интересных примера практического использования Intersection Observer API
•
Релиз TypeScript 4.4
•
Как использовать Promise.any()
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![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)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![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)
-
Доступность
•Новый шрифт Twitter и Last of Us 2: урок доступности, который нужно усвоить
•Доступный модальный диалог на HTML, CSS и JavaScript
-
Эффекты
•Как я сделал генератор для SVG лоадеров с помощью Sass и SMIL
•Заимствование техник игровой анимации для привлечения пользователей
•Подборка креативных концептов интерфейсов «UI Interactions & Animations Roundup» #18
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)
JavaScript
• Ошибки, которые не учат: на что обратить внимание при изучении JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
-
React
•Устаревшие пропсы и дочерние зомби-элементы в Redux
•На что стоит обратить внимание новичкам при работе с ReactJS
•От Create-React-App к Next
•Введение в Atomic Layout для приложений на React
-
Vue
•Vuetify — создаем свое простое приложение
•Как анализировать и отображать Markdown во Vuejs
•Почему вам следует использовать новый Composition API Vue
-
Ember
•The Ember Times — Issue No. 187
•Ember — хороший, плохой и уродливый. Глазами Vue разработчика
-
Libs & Plugins
•DeepfakeHTTP — веб-сервер, использующий дампы HTTP в качестве источника ответов.
•Позвольте представить вам Inertia.js — то, о чем вы не знали, что вам этого не хватает
•Введение в JavaScript-библиотеку Solid
•Nanny-State — упрощает создание state-based веб-приложений без использования других библиотек.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
aio350
Спасибо