Наткнулся на интересную штуковину — Midscene.js
Это мощнейший инструмент, который автоматизирует работу браузера с помощью ИИ и естественного языка
Просто описываете, что хотите сделать, обычными словами, а он сам кликает, проверяет и вытаскивает нужные данные.
Похоже на Operator от OpenAI (объявили только недавно)
🔜 Доступно как расширение для Chrome: GitHub
➡️ @FrontendPortal | #resourse
Это мощнейший инструмент, который автоматизирует работу браузера с помощью ИИ и естественного языка
Просто описываете, что хотите сделать, обычными словами, а он сам кликает, проверяет и вытаскивает нужные данные.
Похоже на Operator от OpenAI (объявили только недавно)
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22👍6🤯4🤔2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁155🔥13❤5👍5
This media is not supported in your browser
VIEW IN TELEGRAM
CSS свойство field-sizing
Позволяет манипулировать поведением полей формы при заполнении
При значение
Экспериментальная технология, поддержка 72.81%
➡️ @FrontendPortal | #CSS
Позволяет манипулировать поведением полей формы при заполнении
При значение
field-sizing: content; - отключит стандартное поведение и позволит подстраивать размер полей формы в зависимости от контента field-sizing: fixed; сохранит текущее поведение, и поле ввода формы не будет изменяться в размерахinput,
textarea,
select{
field-sizing: content;
min-width: 50px;
max-width: 250px;
padding: 10px 20px;
}
Экспериментальная технология, поддержка 72.81%
Please open Telegram to view this post
VIEW IN TELEGRAM
👍60❤7🔥5🤔5
This media is not supported in your browser
VIEW IN TELEGRAM
Используйте
Ctrl + Shift + L, чтобы мгновенно выделить все вхождения выделенного текста в текущем файле. Это отлично подходит для быстрых правок и массовых изменений
Please open Telegram to view this post
VIEW IN TELEGRAM
👍94❤11🔥9🤯7
This media is not supported in your browser
VIEW IN TELEGRAM
Правило для анимации входа
Используйте
Что дает нам возможность придать микро анимацию даже для тех элементов, которые были скрыты с помощью свойства display: none;
Полезные ссылки:
🔸 Наглядное видео-объяснение
🔸 Хорошая статья
🔸 Поддержка 88.9%
➡️ @FrontendPortal | #CSS
@starting-styleИспользуйте
@starting-style, чтобы применить стиль, который браузер сможет найти до того, как элемент будет открыт на странице. Это состояние «до открытия» (из которого вы выполняете анимацию)Что дает нам возможность придать микро анимацию даже для тех элементов, которые были скрыты с помощью свойства display: none;
Полезные ссылки:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53🔥5❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Держите крутой ресурс, где можно вытащить всю айдентику бренда в пару кликов
Тут можно найти логотипы, цвета, шрифты и прочие фишки более чем 22 миллионов брендов со всего мира
Полезно, быстро, современно. Проверяйте: brandfetch.com
➡️ @FrontendPortal | #resourse
Тут можно найти логотипы, цвета, шрифты и прочие фишки более чем 22 миллионов брендов со всего мира
Полезно, быстро, современно. Проверяйте: brandfetch.com
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
Моя новая любимая функция в VSCode — включение «inline values» во время отладки.
Проверка кода становится в разы проще
➡️ @FrontendPortal | #tip
Проверка кода становится в разы проще
Please open Telegram to view this post
VIEW IN TELEGRAM
❤21👍9🔥2
Разделительные линии между option
А вы знали, что теперь вы можете добавлять элементы <hr> между элементами <option> внутри <select> для создания визуального разделения
Эта функция доступна в последних версиях всех основных браузеров, но может не работать в старых
Если вам нужна определенная группировка, с именами групп, используйте <optgroup>
➡️ @FrontendPortal | #HTML
А вы знали, что теперь вы можете добавлять элементы <hr> между элементами <option> внутри <select> для создания визуального разделения
Эта функция доступна в последних версиях всех основных браузеров, но может не работать в старых
Если вам нужна определенная группировка, с именами групп, используйте <optgroup>
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍54❤10🤯2
This media is not supported in your browser
VIEW IN TELEGRAM
Эта платформа предлагает более 500 вопросов, разбитых на 20 категорий, включая такие темы, как Git, CSS, JavaScript, React и многое другое.
Все вопросы отсортированы по категориям и курируются пользователями.
Вопросы на английском, но это отличная возможность подтянуть язык👍
👉 https://quizzes.madza.dev/
➡️ @FrontendPortal | #resourse
Все вопросы отсортированы по категориям и курируются пользователями.
Вопросы на английском, но это отличная возможность подтянуть язык
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23❤5🔥2🤯1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁104👍5🔥2👨💻1
Вы могли не знать, что мы можем настроить вывод
JSON.stringify() По умолчанию
JSON.stringify(data) не сериализует Set, Map, BigInt и т. д. Но с помощью функции replacer можно управлять тем, какие данные попадут в итоговую строкуPlease open Telegram to view this post
VIEW IN TELEGRAM
👍45❤5🔥4😁1
Подборка небольших советов и трюков, которые вы можете использовать, используя современный синтаксис CSS
➡️ @FrontendPortal | #CSS
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53❤6🏆1