Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
2.89K photos
206 videos
47 files
5.19K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
⚡️ Bun заменяет 5 инструментов одной командой

npm install, Webpack, Jest, nodemon, dotenv — забудьте этот зоопарк. Bun объединяет всё в один быстрый бинарь.

🟣 bunx — запускайте CLI без глобальных установок

🟣 Workspaces — монорепо без Lerna и Nx

🟣 Единый сервер — фронтенд и API под одной капотом

Один runtime вместо пяти конфиг-файлов.

🔗 Оригинал статьи

🐸 Библиотека фронтендера

#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥4
Nuxtjs-Cheat-Sheet.pdf
820.3 KB
⭐️ Шпаргалка по Nuxt

Всё, что нужно Vue-разработчику в одной шпаргалке:

— Pages & Layouts
— useFetch / useAsyncData
— SSR / SSG / Hybrid
— useState / useRoute / useHead
— Оптимизация и best practices

🔤 Актуально для Nuxt 3.x и Nuxt 4.

🐸 Библиотека фронтендера

#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰6👍2🔥1
🎯 Interest Invoker API — тултипы без единой строчки JS

Раньше, чтобы показать поповер по ховеру, нужен был JavaScript. Теперь — достаточно HTML.

➡️ Как работает:

interesttarget связывает элемент-триггер и поповер. Браузер сам обрабатывает hover, focus или long-press и показывает подсказку.

Можно совмещать с Popover API и Anchor Positioning для точного позиционирования.

⚠️ Поддержка:

Пока экспериментальная — работает в Chromium-браузерах (Chrome 135+, Edge 135+). В Firefox и Safari API ещё не реализован, поэтому стоит использовать фолбэк или JS-вариант для совместимости.

🐸 Библиотека фронтендера

#readme #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92🥰2
This media is not supported in your browser
VIEW IN TELEGRAM
🕺 AnimatiSS — коллекция CSS-анимаций

Библиотека готовых keyframe-анимаций: bounce, fade, shake, blur, jello и другие эффекты.

Можно посмотреть демо на странице и скопировать код нужной анимации. Всё на чистом CSS, легковесно.

📎 Ссылка

🐸 Библиотека фронтендера

#readme #css
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍2🤩2
This media is not supported in your browser
VIEW IN TELEGRAM
📕 Библиотека UI-компонентов

Коллекция из 4000+ готовых элементов интерфейса: кнопки, карточки, инпуты, чекбоксы, лоадеры. Всё на чистом CSS или Tailwind.

🎥 Каждый элемент сделан сообществом, открыт по MIT-лицензии. Копируете код в один клик, вставляете в проект.

🔗 Ссылка

🐸 Библиотека фронтендера

#readme #ui
Please open Telegram to view this post
VIEW IN TELEGRAM
11👍3