Анонс Laravel Pulse
Скоро у нас будет еще один полезный бесплатный инструмент в экосистеме Laravel🔥
https://pulse.laravel.com
@onecode_blog
Скоро у нас будет еще один полезный бесплатный инструмент в экосистеме Laravel
https://pulse.laravel.com
@onecode_blog
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥3❤1
Floating UI
Пакет JavaScript для позиционирования плавающих элементов на странице относительно других элементов. Примеры на сайте.
Полезно для всплывающих подсказок, выпадающих списков, диалоговых окон и тд.
Гибкий функционал, например, позволяющий, чтобы элемент всегда находился в видимой области окна браузера. Круто!
Есть пакеты для Vue и React.
https://floating-ui.com
@onecode_blog
Пакет JavaScript для позиционирования плавающих элементов на странице относительно других элементов. Примеры на сайте.
Полезно для всплывающих подсказок, выпадающих списков, диалоговых окон и тд.
Гибкий функционал, например, позволяющий, чтобы элемент всегда находился в видимой области окна браузера. Круто!
Есть пакеты для Vue и React.
https://floating-ui.com
@onecode_blog
🔥18👍5❤1
Livewire Playground
Игровая площадка, где можно онлайн эксперементировать и разрабатывать компоненты с Laravel Livewire
https://wirebox.app
Игровая площадка, где можно онлайн эксперементировать и разрабатывать компоненты с Laravel Livewire
https://wirebox.app
🔥15👍2❤1👌1
Laravel Pulse Beta
Вышла бета-версия нового официального пакета для Laravel, который позволяет смотреть данные о нагрузке на сервер, производительности и использовании приложения в удобном графическом интерфейсе.
С помощью Pulse можно отслеживать узкие места, такие как медленные задания и роуты, находить наиболее активных пользователей и многое другое.
Кстати, сама панель работает на Livewire, что меня лично радует. Laravel❤️
Документация
Вышла бета-версия нового официального пакета для Laravel, который позволяет смотреть данные о нагрузке на сервер, производительности и использовании приложения в удобном графическом интерфейсе.
С помощью Pulse можно отслеживать узкие места, такие как медленные задания и роуты, находить наиболее активных пользователей и многое другое.
Кстати, сама панель работает на Livewire, что меня лично радует. Laravel
Документация
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14👍2❤1👌1
BabelEdit
Программа на компьютер для работы с файлами переводов текста в мультиязычных проектах.
https://www.codeandweb.com/babeledit
Программа на компьютер для работы с файлами переводов текста в мультиязычных проектах.
https://www.codeandweb.com/babeledit
👍10🔥3❤2👌1
Rive Animations
Инструменты для создания анимаций, в том числе интерактивных (которые могут реагировать на действия пользователя), и встраивания этих анимаций в сайты и нативные приложения.
Короче, есть программа, в которой можно создавать векторную графику и анимировать её.
Видео (3 минуты) с примером: https://help.rive.app/getting-started/introduction
Помимо этого, для WEB, есть NPM-пакет для встраивания анимации на сайт. По сути там идёт импорт файла с анимацией, который создавали в программе, и встраивание его в CANVAS на страницу.
Пример из документации: https://help.rive.app/runtimes/overview/web-js
Можно добавить интеграктивность, но для этого придётся помучится с CANVAS, отслеживанием кликов и позиции курсора, как обычно.
В общем прикольная программа для относительно лёгкого создания анимаций в графическом интерфейсе и пакет для встраивания этой анимации на сайт или в приложение.
https://rive.app
Инструменты для создания анимаций, в том числе интерактивных (которые могут реагировать на действия пользователя), и встраивания этих анимаций в сайты и нативные приложения.
Короче, есть программа, в которой можно создавать векторную графику и анимировать её.
Видео (3 минуты) с примером: https://help.rive.app/getting-started/introduction
Помимо этого, для WEB, есть NPM-пакет для встраивания анимации на сайт. По сути там идёт импорт файла с анимацией, который создавали в программе, и встраивание его в CANVAS на страницу.
Пример из документации: https://help.rive.app/runtimes/overview/web-js
Можно добавить интеграктивность, но для этого придётся помучится с CANVAS, отслеживанием кликов и позиции курсора, как обычно.
В общем прикольная программа для относительно лёгкого создания анимаций в графическом интерфейсе и пакет для встраивания этой анимации на сайт или в приложение.
https://rive.app
🔥15👍6❤1
StyleX
Еще один вариант работы со стилями (CSS) на фронтенде. А то давно свежатины не было...
Можно глянуть доку для общего развития, но лично мне Tailwind пока больше нравится.
Ну или старый добрый Bootstrap =D
https://stylexjs.com/
Еще один вариант работы со стилями (CSS) на фронтенде. А то давно свежатины не было...
Можно глянуть доку для общего развития, но лично мне Tailwind пока больше нравится.
Ну или старый добрый Bootstrap =D
https://stylexjs.com/
👍7❤1🔥1👌1
Каталог тем для VSCode
Спасибо, что делитесь полезными ссылками!
https://vscodethemes.com
@onecode_blog
Спасибо, что делитесь полезными ссылками!
https://vscodethemes.com
@onecode_blog
🔥7👍6❤1🫡1
Релиз Filament v3.1
Filament - мощная панель для создания личных кабинетов и админок на Laravel🔥
Недавно мы получили новую третью версию с огромным количеством возможностей, а уже сегодня нас радуют следующим крупным обновлением, включающим:
✅ Глобальные фильтры, которые автоматически применяются ко всем виджетам на странице.
✅ Действия (Actions) в шапке секций и элементов репитера.
✅ Подкатегории навигации, добавляющие еще один уровень в боковое меню.
✅ Импорт CSV, позволяющий соотносить колонки в файле с колонками в базе данных, включая отношения.
✅ Конструктор запросов, где пользователь может сам настраивать фильтры (запросы к базе данных), включая отношения.
✅ Поднавигация - дополнительное меню, которое можно размещать на странице ресурса.
И ряд других обновлений...
Лично мне очень нравится стек TALL и Filament, который работает на этом стеке❤️
Подробнее со скринами
@onecode_blog
Filament - мощная панель для создания личных кабинетов и админок на Laravel
Недавно мы получили новую третью версию с огромным количеством возможностей, а уже сегодня нас радуют следующим крупным обновлением, включающим:
✅ Глобальные фильтры, которые автоматически применяются ко всем виджетам на странице.
✅ Действия (Actions) в шапке секций и элементов репитера.
✅ Подкатегории навигации, добавляющие еще один уровень в боковое меню.
✅ Импорт CSV, позволяющий соотносить колонки в файле с колонками в базе данных, включая отношения.
✅ Конструктор запросов, где пользователь может сам настраивать фильтры (запросы к базе данных), включая отношения.
✅ Поднавигация - дополнительное меню, которое можно размещать на странице ресурса.
И ряд других обновлений...
Лично мне очень нравится стек TALL и Filament, который работает на этом стеке
Подробнее со скринами
@onecode_blog
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍4❤2👌1
TailwindCSS v3.4
Еще один подарок к Новому году - новая версия TailwindCSS.
В обновлении такие приятные штуки, как:
1. Возможность задавать стили родительским элементам на основании состояния дочерних.
2. Возможность задавать стили дочерним элементам через родительский.
3. Новый класс size, который задаёт ширину и высоту одновременно.
4. Новые классы для красивого оформления текстовых заголовков.
5. Больше вариантов для мин/макс ширины и прозрачности.
И другие новые утилиты...
Подробнее с примерами
Еще один подарок к Новому году - новая версия TailwindCSS.
В обновлении такие приятные штуки, как:
1. Возможность задавать стили родительским элементам на основании состояния дочерних.
2. Возможность задавать стили дочерним элементам через родительский.
3. Новый класс size, который задаёт ширину и высоту одновременно.
4. Новые классы для красивого оформления текстовых заголовков.
5. Больше вариантов для мин/макс ширины и прозрачности.
И другие новые утилиты...
Подробнее с примерами
🔥14👍4❤1👌1