Frontend по-флотски

Главная Статьи

Google Chrome изменит UX пермишенов в следующей версии 🔥 Совсем скоро в Chrome появится возможность выбирать вариант доступа к геолокации, камере и микрофону (обещают расширить потом) Пока что обещают завезти эту фичу только на десктоп, мобилку попозже дотащат 💥 Рассмотрим как это работает в других браузерах сейчас: — Firefox 115: по дефолту даёт доступ на один раз, но есть галочка "Запомнить выбор" — Safari 16: по дефолту даёт доступ к геолокации на один раз, к остальном навсегда

1 год назад

Билдим нейро-чатик на Vercel AI SDK 🧐 Vercel AI SDK - это библиотека с открытым исходным кодом, предназначенная для того, чтобы помочь тебе создавать пользовательские интерфейсы для стриминга чатов на JS и TS. SDK поддерживает React/Next.js , Svelte/SvelteKit и Vue/Nuxt, а также Node.js, Serverless и Edge Runtime Чекай демо, изучай документацию

1 год назад

Классный 3D эффект на карточках 🎢 https://codepen.io/mubangadv/pen/YzJNbOa

142 читали · 1 год назад

Наконец-то после нескольких дней бессонницы начал нормально высыпаться, чувствую заряд бодрости и готов верстать формочки до посинения Статья про важность и правильность сна

731 читали · 1 год назад

Небольшое дополнение по единицам измерения в CSS 🙃 Я тут искал, что бы тебе рассказать интересного и заметил неприметные единицы измерения lh и rlh lh — расшифровывается как line-height. Соответственно, 1lh = высоте строки, 2lh = высота строки * 2 и т.д. (caniuse 78.9%) rlh — расшифровывается как root line-height. Работает точно так же как lh, но относительно корневого элемента (<html>), очень похоже на пару rem и em. Самое интересное, что rlh поддерживает только Safari, сафари впереди планеты всей 🤣 (caniuse 10.2%)

726 читали · 1 год назад

HTMX и HTML Driven Development Эта практика - одна из разновидностей серверного рендеринга htmx — это инструмент, который позволяет разрабатывать сложные и интерактивные веб-приложения на базе HTML, предлагая альтернативу клиентскому рендерингу на JS. Ключевое отличие от современных SSR инструментов, в том, что ответ от сервера приходит всегда в HTML, а не в JSON, зачёт этого приложения работают быстрее Подробнее про HTML Driven Development Смотреть короткое видео про htmx

649 читали · 1 год назад

Новые единицы измерения в CSS 🛁 Сегодня я тебя познакомлю с новыми единицами измерения созданные специально для контейнеров, они задают длину относительно его размеров cqw Представляет собой процент от ширины контейнера. 1cqw - это 1% от его ширины. Например, если ширина контейнера составляет 800px, то значение 50cqw для свойства будет равно 400px. cqh То же самое, что и cqw, только относительно высоты контейнера cqi Представляет собой процент от inline-size контейнера. 1cqi - это 1% от inline-size контейнера. Например, если inline-size контейнера составляет 800px, то значение 50cqi для свойства будет равно 400px. cqb То же самое, что и cqi, только от block-size cqmin Наименьшее между cqi и cqb cqmax Наибольшее между cqi и cqb

496 читали · 1 год назад

WebStorm 2023.2 появился в Early Access Program 🔥 Что нового? — ИИ ассистент (чат и генератор коммитов) — Улучшено форматирование ошибок типов TypeScript — Поддержка CSS Nesting — Возможность коммитить определенные строки кода — Подсказки для JSON данных в JavaScript — Поддержка импорта JavaScript в файлах .http — Предварительный просмотр PDF и HTML для ответов в HTTP-клиенте — Поддержка редактирования файлов AsyncAPI — Пара фич для Докера — Поддержка Emmet для Preact и SolidJS Фулл тут

244 читали · 1 год назад

Искусственный интеллект во фронтенд-разработке, запись трудного понедельник от HolyJS 🔥 https://www.youtube.com/watch?v=vcAgVvLh1XU&t=1s

375 читали · 1 год назад

Будущее адаптивного дизайна, доклад с конференции Config 2023 🥰 www.youtube.com/...u3u Полный плэйлист конференции

213 читали · 1 год назад

223 читали · 1 год назад

Вышел Safari 16.5 😇 Что же там нового? — Добавили CSS Nesting 😍😍😍 — CSS :user-valid и :user-invalid псевдо-классы — Apple Pay в вебе теперь поддерживает предзаказы и отложенные платежи Подробнее тут

167 читали · 1 год назад