DevTools для Tailwind
Привет, парни! Вышло расширение для браузера, которое помогает верстать на Tailwind CSS.
Основная фишка в том, что при использовании JIT, который теперь идёт по-умолчанию в Tailwind, автоматом удаляются не используемые классы - это круто!
Однако, когда мы пытаемся добавлять классы в HTML прямо в браузере, то НЕ видим результат, потому что этого класса просто НЕТ в нашем CSS-файле - это не удобно.
Расширение для браузера решает эту проблему. Теперь можно добавлять любые классы из фреймворка прямо в окне расширения и сразу видеть результат на странице.
При чем это работает даже с произвольными значениями типа w-[123px] и конечно автодополнение (подсказки), что очень удобно!
Инструмент платный (2к рублей), но я сразу прикупил и буду тестировать. Думаю оно того стоит.
https://devtoolsfortailwind.com
#tailwind #tools
Привет, парни! Вышло расширение для браузера, которое помогает верстать на Tailwind CSS.
Основная фишка в том, что при использовании JIT, который теперь идёт по-умолчанию в Tailwind, автоматом удаляются не используемые классы - это круто!
Однако, когда мы пытаемся добавлять классы в HTML прямо в браузере, то НЕ видим результат, потому что этого класса просто НЕТ в нашем CSS-файле - это не удобно.
Расширение для браузера решает эту проблему. Теперь можно добавлять любые классы из фреймворка прямо в окне расширения и сразу видеть результат на странице.
При чем это работает даже с произвольными значениями типа w-[123px] и конечно автодополнение (подсказки), что очень удобно!
Инструмент платный (2к рублей), но я сразу прикупил и буду тестировать. Думаю оно того стоит.
https://devtoolsfortailwind.com
#tailwind #tools
JS виджет для загрузки файлов
Привет, парни! Сегодня опять за фронтенд 😃
Минималистичная, но функциональная JS-библиотека для загрузки файлов:
- Загрузка нескольких файлов
- Загрузка из разных источников
- Ограничение размера файла
- Предпросмотр изображений
- Оптимизация изображений
- Плагины для расширения
- Адаптеры для Vue/React
- 11к звёзд на гитхабе
https://pqina.nl/filepond
Найдём достойное место в закладках? 😃
#tools #js #file #files
Привет, парни! Сегодня опять за фронтенд 😃
Минималистичная, но функциональная JS-библиотека для загрузки файлов:
- Загрузка нескольких файлов
- Загрузка из разных источников
- Ограничение размера файла
- Предпросмотр изображений
- Оптимизация изображений
- Плагины для расширения
- Адаптеры для Vue/React
- 11к звёзд на гитхабе
https://pqina.nl/filepond
Найдём достойное место в закладках? 😃
#tools #js #file #files
Отечественные сервисы
Привет, айтишники! Не знаю как вы, а у нас уже заблокировали пару импортных сервисов даже без предупреждения.
Поэтому приходится обращать внимание на отечественные аналоги. Например, сегодня изучал Yandex.Cloud и был приятно удивлён!
Яндекс много всего предлагает (похоже на AWS) и выглядит всё красиво и понятно. VK Cloud Solutions тоже не отстаёт - прямо гордость за отечественный IT-сектор =)
Yandex: https://cloud.yandex.ru
VK: https://mcs.mail.ru
PS: на самом деле блокировка сервисов открывает новые возможности для нас, как для разработчиков. Ведь мы можем разработать аналогичные продукты для нашего рынка, которые быстро наберут популярность и будут даже лучше импортных!
Что думаете? Даёшь russian onlyfans? )))
#tool #tools
Привет, айтишники! Не знаю как вы, а у нас уже заблокировали пару импортных сервисов даже без предупреждения.
Поэтому приходится обращать внимание на отечественные аналоги. Например, сегодня изучал Yandex.Cloud и был приятно удивлён!
Яндекс много всего предлагает (похоже на AWS) и выглядит всё красиво и понятно. VK Cloud Solutions тоже не отстаёт - прямо гордость за отечественный IT-сектор =)
Yandex: https://cloud.yandex.ru
VK: https://mcs.mail.ru
PS: на самом деле блокировка сервисов открывает новые возможности для нас, как для разработчиков. Ведь мы можем разработать аналогичные продукты для нашего рынка, которые быстро наберут популярность и будут даже лучше импортных!
Что думаете? Даёшь russian onlyfans? )))
#tool #tools
Laravel Horizon
По моему опыту ни один проект не обходится без очередей. Очередь позволяет нам откладывать выполнение определённой работы на потом, выполнять её фоном, повторять в случае неудачи.
Есть разные решения для организации очередей в проектах, однако они могут показаться сложными по установке, настройке и обслуживанию.
Круто, что Laravel имеет свой официальный бесплатный пакет для добавления очередей в наши проекты. Этот решение успешно успешно справляется даже с относительно большими нагрузками.
На скрине панель управления Laravel Horizon в одном из моих проектов. Сегодня сделал небольшую оптимизацию и порадовался насколько просто, гибко и удобно!
https://laravel.com/docs/9.x/horizon
#tool #tools #laravel #horizon
По моему опыту ни один проект не обходится без очередей. Очередь позволяет нам откладывать выполнение определённой работы на потом, выполнять её фоном, повторять в случае неудачи.
Есть разные решения для организации очередей в проектах, однако они могут показаться сложными по установке, настройке и обслуживанию.
Круто, что Laravel имеет свой официальный бесплатный пакет для добавления очередей в наши проекты. Этот решение успешно успешно справляется даже с относительно большими нагрузками.
На скрине панель управления Laravel Horizon в одном из моих проектов. Сегодня сделал небольшую оптимизацию и порадовался насколько просто, гибко и удобно!
https://laravel.com/docs/9.x/horizon
#tool #tools #laravel #horizon
Поиск на сайте с исправлением ошибок
Интересная статься про реализацию на сайте умного поиска:
https://blog.sibirix.ru/live-search/
Здесь уместно будет сказать, что у Laravel есть официальный пакет Scout, который позволяет быстро и легко реализовать полнотестовый поиск на сайте:
https://laravel.com/docs/9.x/scout#main-content
Из коробки Laravel (помимо базы данных) поддерживает бесплатную поисковую систему MailiSearch:
https://www.meilisearch.com/
В общем если понадобится сделать поиск для интернет-магазина, то с Laravel это будет не сложно 🚀
#laravel #search #tools
Интересная статься про реализацию на сайте умного поиска:
https://blog.sibirix.ru/live-search/
Здесь уместно будет сказать, что у Laravel есть официальный пакет Scout, который позволяет быстро и легко реализовать полнотестовый поиск на сайте:
https://laravel.com/docs/9.x/scout#main-content
Из коробки Laravel (помимо базы данных) поддерживает бесплатную поисковую систему MailiSearch:
https://www.meilisearch.com/
В общем если понадобится сделать поиск для интернет-магазина, то с Laravel это будет не сложно 🚀
#laravel #search #tools
👍7
Laravel Nova 4
Вышла новая версия админки Laravel Nova. Вот наиболее важные (на мой взгляд) фишки:
- Адаптивный дизайн (Vue3, Tailwind, Inertia)
- Зависимые поля (форма может меняться в зависимости от значений в полях - ура!)
- Фильтруемые поля (легко говорим, что по этому полю можно фильтровать)
- Генератор меню (в админке можно гибко настаивать навигацию)
- Имперсонация (можно одним кликом войти в кабинет пользователя)
- Уведомления для админов (колокольчик с уведомлениями)
Минусы, которые (наверно) остались:
- Нет нормальной ссылки Назад на странице просмотра ресурса (можно реализовать самому)
- Нет привязки фильтров и метрик (можно реализовать самому)
- Для кастомизации нужно писать код на JS (зато приятно пользоваться SPA)
- Документация новой версии работает криво (только у меня?)
Я лично с 2019 года пользуюсь Nova и очень рад выходу новой версии, в которой добавили то, чего действительно не хватало (и как-то жили с этим).
https://nova.laravel.com
#laravel #nova #tools
Вышла новая версия админки Laravel Nova. Вот наиболее важные (на мой взгляд) фишки:
- Адаптивный дизайн (Vue3, Tailwind, Inertia)
- Зависимые поля (форма может меняться в зависимости от значений в полях - ура!)
- Фильтруемые поля (легко говорим, что по этому полю можно фильтровать)
- Генератор меню (в админке можно гибко настаивать навигацию)
- Имперсонация (можно одним кликом войти в кабинет пользователя)
- Уведомления для админов (колокольчик с уведомлениями)
Минусы, которые (наверно) остались:
- Нет нормальной ссылки Назад на странице просмотра ресурса (можно реализовать самому)
- Нет привязки фильтров и метрик (можно реализовать самому)
- Для кастомизации нужно писать код на JS (зато приятно пользоваться SPA)
- Документация новой версии работает криво (только у меня?)
Я лично с 2019 года пользуюсь Nova и очень рад выходу новой версии, в которой добавили то, чего действительно не хватало (и как-то жили с этим).
https://nova.laravel.com
#laravel #nova #tools
Websocket-сервер Soketi
В современных проектах всё чаще используются долгоживующие соединения (обычно через websockets), которые позволяют обновлять данные на сайте в реальном времени.
Например, пользователь совершил покупку - баланс счёта сразу обновился + прилетело уведомление.
Недавно сервисы Pusher и Ably присоединились к санкциям и заблокировали наши аккаунты. Поэтому пришлоь искать другое решение.
Долго искать НЕ пришлось, потому что Laravel из коробки поддерживает и другие варианты. Решили попробовать Soketi - вебсокет сервер на NodeJS.
Мы создали маленький сервер и установили на него Soketi. Первая настройка тестового сервера заняла некоторое время, а на продакшен всё настроили буквально за 20 минут.
Soketi стабильно работает уже несколко дней и могу сказать, что это оправданое решение. Его настройка не сложная, а экономия в деньгах приличная.
PS: их сайт открывается через VPN =)
https://soketi.app
Делись своим опытом с вебсокетами в комментах!
#tools #ws
В современных проектах всё чаще используются долгоживующие соединения (обычно через websockets), которые позволяют обновлять данные на сайте в реальном времени.
Например, пользователь совершил покупку - баланс счёта сразу обновился + прилетело уведомление.
Недавно сервисы Pusher и Ably присоединились к санкциям и заблокировали наши аккаунты. Поэтому пришлоь искать другое решение.
Долго искать НЕ пришлось, потому что Laravel из коробки поддерживает и другие варианты. Решили попробовать Soketi - вебсокет сервер на NodeJS.
Мы создали маленький сервер и установили на него Soketi. Первая настройка тестового сервера заняла некоторое время, а на продакшен всё настроили буквально за 20 минут.
Soketi стабильно работает уже несколко дней и могу сказать, что это оправданое решение. Его настройка не сложная, а экономия в деньгах приличная.
PS: их сайт открывается через VPN =)
https://soketi.app
Делись своим опытом с вебсокетами в комментах!
#tools #ws
Desktop 4.6 for Mac
Месяц назад вышло обновление докера для mac с увеличением скорости работы.
Кстати, приятно, что в статье пишут на примере PHP и Laravel.
Требования:
- macOS 12.2+ (Apple Silicon)
- macOS 12.3+ (Intel)
Я только вчера обновился до 12 версии macOS, а сегодня обновил докер до 4.7.
В анонсе говорят о повышении скорости до 90% за счет оптимизации работы файловой системы.
По моим ощущениям работает реально лучше: быстрее запускаются контейнеры, устанавливаются зависимости, выполняются миграции базы и тд.
В общем обновиться до новой версии ОС - это как всегда кайф. А тут еще и быстрый докер. Работаем 👍
https://www.docker.com/blog/speed-boost-achievement-unlocked-on-docker-desktop-4-6-for-mac/
#tools #docker
Месяц назад вышло обновление докера для mac с увеличением скорости работы.
Кстати, приятно, что в статье пишут на примере PHP и Laravel.
Требования:
- macOS 12.2+ (Apple Silicon)
- macOS 12.3+ (Intel)
Я только вчера обновился до 12 версии macOS, а сегодня обновил докер до 4.7.
В анонсе говорят о повышении скорости до 90% за счет оптимизации работы файловой системы.
По моим ощущениям работает реально лучше: быстрее запускаются контейнеры, устанавливаются зависимости, выполняются миграции базы и тд.
В общем обновиться до новой версии ОС - это как всегда кайф. А тут еще и быстрый докер. Работаем 👍
https://www.docker.com/blog/speed-boost-achievement-unlocked-on-docker-desktop-4-6-for-mac/
#tools #docker
🔥2
Autocomplete (JavaScript)
Библиотека, которая позволяет быстро реализовать функционал автозаполнения при вводе.
Например: подсказки при поиске на сайте.
Преимущества:
- Простота и гибкость
- Любые источники данных
- Кастомный шаблон списка
https://github.com/algolia/autocomplete
#tools #js #autocomplete
Библиотека, которая позволяет быстро реализовать функционал автозаполнения при вводе.
Например: подсказки при поиске на сайте.
Преимущества:
- Простота и гибкость
- Любые источники данных
- Кастомный шаблон списка
https://github.com/algolia/autocomplete
#tools #js #autocomplete
👍8
Tinkerwell реально сила
Товарищи программисты, пользуюсь Tinkerwell уже несколько месяцев каждый божий день.
Это реально незаменимая штука, которая помогает значительно упросить и ускорить работу.
Он имеет много крутых фишек и стоит каждого рубля.
https://tinkerwell.app
#tools #laravel #tinker
Товарищи программисты, пользуюсь Tinkerwell уже несколько месяцев каждый божий день.
Это реально незаменимая штука, которая помогает значительно упросить и ускорить работу.
Он имеет много крутых фишек и стоит каждого рубля.
https://tinkerwell.app
#tools #laravel #tinker
🔥1
В статье сравниваются Livewire и Inertia 👍
https://laravel-news.com/livewire-inertia
#tools #livewire #inertia
https://laravel-news.com/livewire-inertia
#tools #livewire #inertia
👍4
Организация рабочего пространства
Magnet - программа для MacOS, которая позволяет быстро расставлять программы на экране для удобства.
Я несколько месяцев назад установил эту программу и теперь могу сказать своё мнение - очень удобная штука.
Особенно если привыкнуть к сочетаниям клавиш, которые к слову довольно интуитивные.
Помимо горячих клавиш, окна можно расставлять перетаскиванием или через меню, но горячие клавиши конечно самый кайф.
https://magnet.crowdcafe.com
#tools #macos
Magnet - программа для MacOS, которая позволяет быстро расставлять программы на экране для удобства.
Я несколько месяцев назад установил эту программу и теперь могу сказать своё мнение - очень удобная штука.
Особенно если привыкнуть к сочетаниям клавиш, которые к слову довольно интуитивные.
Помимо горячих клавиш, окна можно расставлять перетаскиванием или через меню, но горячие клавиши конечно самый кайф.
https://magnet.crowdcafe.com
#tools #macos
Предыдущий пост был бестолковый. Исправляюсь.
Несколько лет использую программу Todoist для ведения своих личных задач (список дел).
Однако Todoist так же позволяет создавать отдельные проекты, показывать задачи в виде Kanban-доски и даже работать там совместно с другими людьми.
Таким образом можно использовать эту программу для управления задачами в небольшом проекте (есть приложухи на комп и телефон).
Не реклама. Пишу о том, чем пользуюсь сам. Реально просто и удобно.
https://todoist.com
#tools
Несколько лет использую программу Todoist для ведения своих личных задач (список дел).
Однако Todoist так же позволяет создавать отдельные проекты, показывать задачи в виде Kanban-доски и даже работать там совместно с другими людьми.
Таким образом можно использовать эту программу для управления задачами в небольшом проекте (есть приложухи на комп и телефон).
Не реклама. Пишу о том, чем пользуюсь сам. Реально просто и удобно.
https://todoist.com
#tools
🔥6
Несколько TailwindCSS в одном проекте
Задача
1. У нас есть сайт с панелью администратора на TailwindCSS.
2. В CSS-файле админки НЕ должно быть классов от основного сайта (и наоборот).
Проблема
1. В TailwindCSS есть крутая функция, которая оставляет только CSS-классы из нашей вёрстки.
2. Вопрос - как разделить конфигурацию TailwindCSS для админки и основного сайта, чтобы они НЕ пересекались?
Решение
1. Мы можем указать TailwindCSS какой файл конфигурации использовать в каждом случае.
2. При использвании LaravelMix мы просто передаём название файла конфигурации отдельно для основного сайта и админки.
На скринах 2 отдельные конфигурации TailwindCSS для основного сайта (tailwind-app.config.js) и админки (tailwind-admin.config.js), а так же пример их сборки через LaravelMix с указанием конкретного конфига.
Полезно? Сделай репост! 👍
#tailwind #tools #mix
Задача
1. У нас есть сайт с панелью администратора на TailwindCSS.
2. В CSS-файле админки НЕ должно быть классов от основного сайта (и наоборот).
Проблема
1. В TailwindCSS есть крутая функция, которая оставляет только CSS-классы из нашей вёрстки.
2. Вопрос - как разделить конфигурацию TailwindCSS для админки и основного сайта, чтобы они НЕ пересекались?
Решение
1. Мы можем указать TailwindCSS какой файл конфигурации использовать в каждом случае.
2. При использвании LaravelMix мы просто передаём название файла конфигурации отдельно для основного сайта и админки.
На скринах 2 отдельные конфигурации TailwindCSS для основного сайта (tailwind-app.config.js) и админки (tailwind-admin.config.js), а так же пример их сборки через LaravelMix с указанием конкретного конфига.
Полезно? Сделай репост! 👍
#tailwind #tools #mix
🔥15👍10
DBngin
Бесплатная программа для MacOS, которая позволяет в пару кликов запустить сервер базы данных (PostgreSQL, MySQL, Redis), выбрав нужную версию.
https://dbngin.com
#tools #db
Бесплатная программа для MacOS, которая позволяет в пару кликов запустить сервер базы данных (PostgreSQL, MySQL, Redis), выбрав нужную версию.
https://dbngin.com
#tools #db
👍4
На днях понадобилось развернуть старый проект, написанный с использованием Laravel 7 и базы данных MySQL 5.7.
Первым делом я обновил Laravel до 9 версии, что кстати заняло менее часа с учетом того, что я делал каждое изменение, которое показывал GitHub.
Дальше решил перенести базу данных на PostgreSQL, потому что она по ощущениям работает быстрее и более популярна сегодня.
Смена движка базы данных оказалось новой задачей для меня.
Сначала попробовал перенести через обычный дамп, но ничего не вышло, потому что SQL слишком сильно отличается.
Дальше начал гуглить и нашел PgLoader, созданный как раз для моей задачи.
Особых сложностей здесь не возникло - установил, запустил и всё получилось. Так что рекомендую.
К слову мне НЕ нужно было переносить сами данные, а только лишь восстановить всю структуру базы - таблицы, индексы, связи и тд. Но я думаю с данными тоже НЕ возникло бы особых проблем.
https://pgloader.io/
#tools #db #postgres #pg
Первым делом я обновил Laravel до 9 версии, что кстати заняло менее часа с учетом того, что я делал каждое изменение, которое показывал GitHub.
Дальше решил перенести базу данных на PostgreSQL, потому что она по ощущениям работает быстрее и более популярна сегодня.
Смена движка базы данных оказалось новой задачей для меня.
Сначала попробовал перенести через обычный дамп, но ничего не вышло, потому что SQL слишком сильно отличается.
Дальше начал гуглить и нашел PgLoader, созданный как раз для моей задачи.
Особых сложностей здесь не возникло - установил, запустил и всё получилось. Так что рекомендую.
К слову мне НЕ нужно было переносить сами данные, а только лишь восстановить всю структуру базы - таблицы, индексы, связи и тд. Но я думаю с данными тоже НЕ возникло бы особых проблем.
https://pgloader.io/
#tools #db #postgres #pg
👍14🔥5
Компоненты для Tailwind CSS
Многим из нас после Bootstrap непривычно использовать Tailwind, потому что там нет готовых компонентов.
На самом деле уже есть куча платных и бесплатных готовых компонентов для Tailwind. Ниже один из примеров.
FlowBite - ресурс с тремя десятками готовых компонетов для Tailwind. Кнопки, формы, меню, аккордионы - есть все основные элементы UI.
Еще библиотека даёт нам JS-файл, в котором так же реализованы популярные функции для компонентов.
https://flowbite.com
Спасибо, что присылаете годноту!
#tailwind #tools
Многим из нас после Bootstrap непривычно использовать Tailwind, потому что там нет готовых компонентов.
На самом деле уже есть куча платных и бесплатных готовых компонентов для Tailwind. Ниже один из примеров.
FlowBite - ресурс с тремя десятками готовых компонетов для Tailwind. Кнопки, формы, меню, аккордионы - есть все основные элементы UI.
Еще библиотека даёт нам JS-файл, в котором так же реализованы популярные функции для компонентов.
https://flowbite.com
Спасибо, что присылаете годноту!
#tailwind #tools
👍7❤3
Лайфхак для TinkerWell
Ни раз уже писал про тинкервел, который, позволяет писать код на PHP внутри нашего приложения на Laravel, сразу выполнять этот код, тут же видеть результат и всё это можно по SSH на сервере - реально бомба!
Недавно с коллегами случайно обнаружили прикольную фишку. Суть в том, что если выделить кусок кода и нажать Play (запустить), то выполнится именно этот выделенный код.
На скрине я написал скрипт для обновления заявок на доставку. Но прежде, чем его запустить я хочу посмотреть сколько их там.
Для этого выделил нужный кусок кода, запустил и увидел. До цикла foreach дело не дошло - реально удобная тема.
https://tinkerwell.app
#tools #tinker #laravel
Ни раз уже писал про тинкервел, который, позволяет писать код на PHP внутри нашего приложения на Laravel, сразу выполнять этот код, тут же видеть результат и всё это можно по SSH на сервере - реально бомба!
Недавно с коллегами случайно обнаружили прикольную фишку. Суть в том, что если выделить кусок кода и нажать Play (запустить), то выполнится именно этот выделенный код.
На скрине я написал скрипт для обновления заявок на доставку. Но прежде, чем его запустить я хочу посмотреть сколько их там.
Для этого выделил нужный кусок кода, запустил и увидел. До цикла foreach дело не дошло - реально удобная тема.
https://tinkerwell.app
#tools #tinker #laravel
👍3