Chrome 106 релизнулся, го чекать что там нового 🔥

1⃣ Добавили новые возможности Intl API, которые дадут тебе больше контроля при форматировании чисел

2⃣ Появилась пробная версия для Pop-Up API, чтобы упростить доступ к критически важному контенту для пользователя

3⃣ Добавлены несколько CSS фич для улучшения взаимодействия

Подробности читать тут

Кому удобнее смотреть, а не читать, то видео тут

Angular v14.2 ❤️ NgOptimizedImage

Уже можно потестить директиву NgOptimizedImage, которая адаптирует и оптимизирует изображения в ангуляре

Подробнее тут 🔥

Что нового можем делать с формами в 2022? 🧑‍🎓

Наконец добрался до переводов, все читаем и познаём новое!

https://habr.com/ru/post/691294/

TechTrain — онлайн-фестиваль для тех, кто уехал, и тех, кто остался 👨‍💻

TechTrain традиционно объединяет всех представителей коммьюнити — разработчиков, тестировщиков, дата-инженеров и многих других.

Если тебе хочется на несколько часов отвлечься и побыть среди единомышленников, то залетай на TechTrain 🏠

В программе будет 10 докладов из различных технологических стеков — от мобильной разработки до DevOps.

Один из докладов — «Как Яндекс Маркет стал доступнее для незрячих»
Илья Сидорчик из Яндекса расскажет об улучшении доступности большого сервиса — неочевидных HTML-атрибутах, новом CSS в продакшене и A11y-тестировании.

🚂 TechTrain отправляется 8 октября в 11:45 по GMT+3.
Лети на сайт за подробностями и регистрацией — techtrain.ru

У Vue репозитория юбилей 🥳

Пару дней назад Vue репозиторию стукнуло 200к звёздочек, с чем мы их и поздравляем

React немного отстаёт, он имеет 196к, а у Angular их относительно мало — всего 84к

Напоминаю, что завтра будет конференция 🧑‍🎓

Chrome обновили свой гайд по разработке расширений 🤓

Команда Chrome снесла старый гайд по разработке расширений и написала его с нуля, теперь там не только один базовый пример 🤣

Обещают, что он стал доступнее, понятнее для новичков, и разобраны популярные кейсы разработки

https://developer.chrome.com/blog/extensions-getting-started-guides/

Надоело делать анимации? Тогда тебя спасёт auto-animate 🤯

Придёт время и нас заменят роботы, но пока что технологии нам помогаю, а не вытесняют

Библиотека Auto Animate может добавить анимацию твоему компоненту, а тебе лишь нужно написать одну строчку

Поддерживает все популярные фреймворки и нативный JS

Магия по ссылки внизу 🔥
https://auto-animate.formkit.com/

JetBrains Fleet теперь в Public Preview 🤩

Демо видос можно глянуть тут

Официальная статья про Fleet Public Preview
https://blog.jetbrains.com/fleet/2022/10/introducing-the-fleet-public-preview/

Пишу фуллстэк Pet-project — мои технологии 🚽

На выходных решил написать маленький фуллстэк проектик и задался вопросом по поводу дев стэка

Frontend 💃
1. Фреймворк — тут я особо не выбирал, так как в голове сразу был Next или Nuxt, но выбрал Next просто из-за привычки
2. State менеджер — mobx, так как простой, современный и молодёжный, остальные либо не обрели достаточно комьюнити, либо уже отстали от моды

Backend 💻
1. Фреймворк — так как я не хотел особо писать бэкенд, и тем более делать это отдельным сервисом, я решил, что мне хватит возможностей Next и создания API роутов в нём
2. СУБД — я крайне не хотел ставить что-то локально, не хотел писать запросы, не хотел париться с деплоем, хотел, чтобы многое было из коробки и чтобы всё было как в сказке. Я пришёл к Supabase, она покрыла всё что мне нужно и бонусом офигенная документация. В своём лексиконе я называю её "СУБД для фронтендеров"
3. ORM — как писал выше, я не хочу писать запросы, поэтому искал приятный ORM, с хорошей типизацией и чтоб с Next работала балдёжно. Для себя выбрал Prisma, её типизация божественна и она может делать запросы прямо из getServerSideProps

Жду от вас помидоров в лицо фидбэка по моему проектику многоножке 👨‍💻

ViteConf 2022 — для тех кто пропустил 🏖️

Запись конференции ViteConf 2022

https://www.youtube.com/watch?v=Znd11rVHQOE

Node добавляет нативную поддержку `--watch` в v18 👏

Пока что это только экспериментальная фича, но наконец-то они к этому пришли

https://github.com/nodejs/node/pull/44366

Осталось 3 дня до начала Next.js Conf, не забываем зарегаться и запастись попкорном 👨‍💻

CSS :autofill селектор 🤪

Тебе когда-нибудь приходилось бороться с нативной браузерной автоподстановкой текста в инпутах?

Если твой ответ да, то тогда ты познал эту боль 😔

Лови лёгкий обезбол от этой головной боли 🔥

https://habr.com/ru/post/695194/

Вышел Safari 16.1 🧐

Я что-то эгоистично игнорил апдейты Webkit и Safari, буду исправляться

Вернёмся на версию назад и глянем, что было в Safari 16.0:
1. Container Queries
2. Subgrid
3. Улучшение инспектора для флексбокса и разработки расширений
4. CSS offset-path
5. Overscroll Behavior
6. Shared Workers
7. ShadowRealm API
8. media query: resolution
9. CSS :has() селектор
10. text-align-last
11. animation-composition
12. Улучшение работы display: contents

Что всё-таки нового в Safari 16.1?
1.Web Push для macOS Ventura (их реально не было? Я что-то не в курсах)
2. Анимированные AVIF картинки
3. Passkeys
4. Scroll to Text Fragment
5. Улучшение захвата экрана
6. Пара улучшение для iPadOS

Подробнее тут

Осенняя конференция для JavaScript-разработчиков HolyJS 🧑‍🎓

🌐 10–11 ноября — онлайн
👥 20 ноября — офлайн (Москва)

Как разрабатывать сложные веб-приложения для дисплеев с высокой частотой обновления? Или как можно строить приложение любой сложности на основе библиотеки в два килобайта и как правильные абстракции могут уменьшать сложность кода? Ответы на эти вопросы и не только — на HolyJS!

Программа конференции почти готова 🔥

Если ты хочешь на несколько часов отвлечься и побыть среди единомышленников, то приходи на HolyJS.

Подробности и билеты — holyjs.ru

P.S. промокод frontendpasta2022JRGpc даст скидку от 20% на билеты из категории «Для частных лиц».

Самое главное с Next Conf 2022 🤓

Команда Vercel анонсировали Next.js 13 с кучей апдейтов
Один из самых ярких и спорных (имхо) это переход с вебпака на новый аналог Turbopack

Чекай запись этого доклада по ссылке ниже, а я обещаю, что сделаю перевод полного ченжлога на следующей неделе 😊
https://youtu.be/NiknNI_0J48

CSS offset-path — топ штука для анимации 🔥

Совсем недавно вышел Safari 16, он добавил поддержку offset-path, таким образом сейчас все современные версии браузеров поддерживают это свойство и вполне можно начинать его юзать в своих проектиках (если твоя целевая аудитория не динозавры 🙏)

Пока что лучше всего поддерживается только функция path()

Чекай пример ниже, поймёшь, что всё супер просто 🏋️‍♀️

https://codepen.io/danwilson/details/MWErdKL

Как быстро открывать девтулзы в хроме? 🤭

Я думаю для многих не секрет, что девтулзы можно открыть через кнопочку F12 👏

Кто-то скажет, что мне этого достаточно и перестанет читать, но для тебя любопытного напишу ещё пару вариантов, удобнее чем F12

Открыть вкладку JavaScript консоль:
MacOS: Cmd + Option + J
Windows: Ctrl + Shift + J

Открыть вкладку Elements с уже выбранным селектором элементов:
MacOS: Cmd + Option + C
Windows: Ctrl + Shift + C

Открыть последнюю открытую вкладку:
MacOS: Cmd + Option + I
Windows: Ctrl + Shift + I