Всемогущий JavaScript (нет)

Вышел Tailwind CSS v3

Вчера вышло обновление популярного CSS-фреймворка Tailwind 🥳 которое принесло ряд клёвых фишек в и без того замечательный инструмент.

Рекомендую налить чайку 🫖 и внимательно ознакомиться со списком новинок на официальном блоге:

https://tailwindcss.com/blog/tailwindcss-v3

Кстати, дизайн сайта и документации тоже обновились.

Ура, товарищи! 🎉

#tailwind

Хай, гайз! Просто желаю вам хороших выходных, отдохнуть от компа и взглянуть на наш прекрасный мир 😍

Где бы ты ни был - открой галаза и скидывай в комментарий фотку того, что видишь вокруг.

На видео (под музыку) мой вид из окна - зима в сельской местности 👍

Polypane

Браузер для амбициозных разработчиков, которые хотят создавать отзывчивые, доступные и эффективные веб-сайты и при этом экономить время.

https://polypane.app

#tools #browser

Браузер для разработчиков

Вчера был пост про браузер для разработчиков, который вам (и мне) показался НЕ очень крутым за свои деньги. А стоит он не мало - почти 1к в месяц.

Спасибо @EvgeniyProkopev за то, что показал БЕСПЛАТНЫЙ аналог, который имеет схожие возможности.

https://responsively.app

#tools #browser

Рабочие моменты

На скрине лог запросов, кто-то пытается прорваться ))

#work

Геймдев и метавселенные

Парни, поздравляю с выходными! Предлагаю немного отвлечься от разработки и расслабиться под интересный видосик.

Интервью про игровую индустрию, метавселенные и инвестиции с интересным гостем.

Лично мне зашло, поэтому рекомендую:
https://youtu.be/aq5ysCuQQKQ

#invest

Админка Filament

Привет, парни! Надеюсь вы хорошо отдохнули и заряжены потрудиться на этой неделе!

В нашем чате часто заходит речь про панели администратора. Какая админка лучше?

Лично я всегда создавал админки сам с помощью CSS-фреймворка Bootstrap. Со временем даже выработал свою схему построения админки почти до автоматизма.

Затем купил официальную админку Laravel Nova и могу сказать, что НЕ разочаровался. Она содержит из коробки почти всё, что нужно, но есть пара не приятных моментов, которых не хватает (или напрягают).

Если интересно про Nova - дайте знать, запишем отдельное видео. Ссылка на Nova: https://nova.laravel.com

А сегодня вашему вниманию БЕСПЛАТНАЯ админка, которая имеет похожие возможности с Nova (на самом деле меньше), но построена на стеке TALL (Tailwind, Alpine, Livewire, Laravel) - всё как мы любим!

https://filamentadmin.com

Уже пробовал? Отпишись!

#tools #admin

Конкурс

Отправлю 500 рублей тому, кто первый пришлёт красивый рефакторинг этой функции.

С пятницей, парни!

#конкурс

Поздравляем победителя!

Почему я выбрал это решение?
- осталось указание типов (int, bool)
- использовал строгое сравнение (===)
- тимлид так сказал 😃 шутка

На самом деле я бы добавил еще скобки в первой части выражения ($value % 2) === 0, потому что люблю так делать 😃

Всем спасибо за участие!

Та-дааа! 🎉 Проводить еще такие мини-конкурсы?

Привет, парни! Зацените историю из жизни, порадуемся за человвека! 💪🥳👍

Сегодня спросил у своей Танюшки - что хорошего было в этом году? Она ответила - хорошо, что не померли от ковида 😃 Шутки шутками, а сегодня самое время вспомнить яркие моменты и достижения, чтобы похвалить себя и зарядиться на Новый год!

Пост про мой 2021 год в инстаграм: https://www.instagram.com/p/CYJU1hPqOsY/

Реально кайфонул, пока писал и перечитывал этот список, хотя казалось, что вспомнить нечего. Попробуй тоже!

Сегодня все будут желать счастья и здоровья - это главное. Я тоже планирую больше внимания уделять здоровью в новом году - заниматься спортом, кушать больше фруктов и овощей. А что насчёт счастья?

Кто-то говорит, что счастье НЕ в деньгах. А я скажу, что НЕ ТОЛЬКО в них. В итоге МЫ ВСЕ тратим большую часть своей жизни, чтобы заработать деньги. А тратить их - чистый КАЙФ.

Поэтому, друзья, желаю нам ещё больше денег в Новом году! А значит развития, освоение новых профессий, терпения и трудолюбия!

С Новым 2022 годом!!!

Ещё одна прекрасная история уходящего года от отдельно из наших подписчиков 🥳🎄🚀

Как идёт подготовка к празднику? Кидай фото в комменты! 📸

Headwind для TailwindCSS

Привет, парни! Давно не слышались. Сегодня для разогрева полезный плагин для VSCode.

Headwind - это сортировщик CSS-классов для TailwindCSS. Он автоматически расставляет классы в заданном порядке при сохранении файла.

Реально клёвая тема!
https://marketplace.visualstudio.com/items?itemName=heybourn.headwind

Как вообще дела?

#tools

Приведение к boolean на PHP

Привет, парни! Мы с вами знаем, что PHP - язык с динамической типизацией. Это значит, что мы можем использовать приведение типов для того, чтобы (например) из строки получить число, из числа boolean и тд.

Так вот, я частенько использовал двойной оператор отрицания (!!) для того, чтобы привести значение к boolean. Зачем? Потому что поставить 2 восклицательных знака - это быстро 😃

Следущий код вернёт true:

$count = 123;

return !! $count;

Недавно я узнал, что многие не знают, что так можно было. Поэтому делюсь с вами этой информацией (на скрине).

P.S.: на JS тоже можно так делать.

Понимаешь, почему это работает? Напиши в комментах!

DevTools для Tailwind

Привет, парни! Вышло расширение для браузера, которое помогает верстать на 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

Валидация email в Laravel

Так вышло, что я пропустил изменение правила для проверки email-адреса.

Недавно с удивелением обнаружил, что правило

'email'

пропускает такой адрес: example@gmail (нет .com вконце).

Оказывается теперь правило email принимает параметры, с помощью которых мы можем выбрать какой вариант проверки использовать (или сразу несколько).

Пришлось по всему проекту заменить

'email'

на

'email:filter'

(старое поведение).

https://laravel.com/docs/8.x/validation#rule-email