Тег: Фронтенд
У Tailwind CSS v4.2 додали чотири нові палітри кольорів
Tailwind CSS 4.2.0 додає webpack‑плагін, чотири нові палітри кольорів і логічні утиліти для блокових відступів, меж та розмірів. Дізнайтеся, як ці зміни спростять розробку адаптивних інтерфейсів у ваших Laravel‑проєктах.
Laravel представив офіційний Svelte + Inertia Starter Kit
Laravel офіційно представив Svelte starter kit, що поєднує Svelte 5 з Inertia для SPA, зберігаючи серверну маршрутизацію Laravel. У наборі — TypeScript, Tailwind, shadcn‑svelte, Fortify, SSR та кілька макетів; дізнайтеся, як швидко запустити проєкт.
Laravel VS Code Extension v1.5.0: підтримка Livewire 4 і покращена робота з Blade
Опубліковано Laravel VS Code Extension v1.5.0 із покращеним парсингом Livewire 4, автодоповненням властивостей компонентів і підтримкою пропсів у Blade. Хочете дізнатися, як ці зміни пришвидшать розробку з Livewire і багатофайловими компонентами — читайте далі.
Bagisto Visual — фреймворк тем із візуальним редактором для e‑commerce на Laravel
Bagisto Visual — фреймворк тем і візуальний редактор для Bagisto з підтримкою Blade, Livewire та JSON-шаблонів. Хоча пакет наразі в альфі, його інтерфейс перетягування й реальний попередній перегляд роблять його цікавим інструментом для Laravel-розробників.
Inertia v2.3.10: скасування запитів стало гнучкішим завдяки опціям async та sync у методі cancelAll
Inertia v2.3.10 додає опції async і sync до cancelAll та виправляє проблеми зі плавним скролом у Firefox. Чи готові дізнатися, як ці зміни покращать стабільність і досвід у ваших Laravel‑проектах?
Що нового в Livewire 4
Livewire 4 перевертає підхід до компонентів — вони тепер за замовчуванням однофайлові й можуть містити вбудований JavaScript та CSS. Islands, оптимістичний UI, drag‑and‑drop та нові API роблять створення швидких реактивних інтерфейсів простішим і продуктивнішим.
Livewire 4 вийде наступного тижня — директива wire:transition робить анімації надзвичайно простими
Livewire 4 офіційно вийде наступної середи, а нова директива wire:transition радикально спрощує створення плавних анімацій у інтерфейсах. Прочитайте статтю, щоб побачити приклади й швидко почати експериментувати з бета‑версією.
У Inertia.js 2.3.7 з’явився метод dontRemember() у form helper
Вийшла Inertia 2.3.7 із новим методом dontRemember(), який дозволяє виключати певні поля форми з історії — зручно для паролів і даних платіжних карток. Оновлення також фіксує збої опитування при автозаповненні браузера й усуває ESLint‑попередження TypeScript при деструктуризації useForm().
Побудова графіків за допомогою Chart.js — Laravel In Practice, епізод 15
Перетворіть рядки таблиці на інтерактивні графіки, які показують тренди з першого погляду. Дізнайтеся, як інтегрувати Chart.js з Laravel і Alpine.js, створити універсальну функцію для діапазонів дат і оновлювати візуалізації без перезавантаження.
Colority — PHP‑бібліотека для парсингу й аналізу кольорів
Colority — PHP‑бібліотека, що парсить і конвертує кольори (RGB, HSL, Hex), витягує палітри зображень і підбирає оптимальний контрастний колір. Хочете дізнатися, як легко генерувати теми та аватари в Laravel за допомогою Colority?
Inertia 2.3 додає підтримку Precognition
Inertia v2.3 додає підтримку Laravel Precognition у компоненті Form та у хуці useForm — тепер клієнтська валідація працює за правилами, визначеними в Laravel, без додаткових пакетів. Дізнайтеся, як використовувати методи valid()/invalid(), validate() та withPrecognition() для миттєвої перевірки полів на клієнті
Refine — це Live Blade Editor для Laravel
Refine — живий редактор Blade для Laravel, який дозволяє миттєво редагувати шаблони прямо в браузері натисканням правої кнопки миші. Працює без налаштувань, автоматично відстежує вихідні файли шаблонів, робить резервні копії й миттєво зберігає зміни — призначений лише для розробки, а не для продуктивного середовища.