Раз тема денег интересна, тогда похвастаюсь вторым траншем (из трёх) за проект 😃
На разработку осталось меньше 10 дней. Вначале почти неделю потерял из-за свадьбы друга. Теперь навёрстываю, пришлось отложить в сторону всё остальное (кроме основной работы).
Такие дела, надеюсь кого-то замотивирует! Потому что среди моих друзей некоторые зарабатывают такие деньги за пол года 😃
Всё, на сегодня отдыхаем, а завтра топим дальше 🚀
На разработку осталось меньше 10 дней. Вначале почти неделю потерял из-за свадьбы друга. Теперь навёрстываю, пришлось отложить в сторону всё остальное (кроме основной работы).
Такие дела, надеюсь кого-то замотивирует! Потому что среди моих друзей некоторые зарабатывают такие деньги за пол года 😃
Всё, на сегодня отдыхаем, а завтра топим дальше 🚀
👍7🔥2💩1
Компоненты для 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
Адаптивное видео (пропорции)
Продолжаем тему вёрстки. Иногда нам нужно сделать адаптивное видео (или другой элемент с соблюдением пропорции - отношение ширины к высоте).
У этой задачи есть классическое решение - использовать абсолютное позиционирование и верхний внутренний отступ (например padding-top: 56.25%).
Однако не многие знают (мы теперь знаем!), что есть CSS-свойство aspect-ratio, которое как раз решает эту задачу очень просто 👇
https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
Кстати, Tailwind конечно имеет удобные классы для работы с этим свойством, например aspect-video - и адаптивное видео 16/9 готово! Так просто 😃 На сайте можно подвигать видео за ползунок справа от него и убедиться, что оно адаптивное 👇
https://tailwindcss.com/docs/aspect-ratio
Поддержка браузерами в принципе НЕ плохая - 86%. Все версии браузеров, выпущеные с 2021 года поддерживают:
https://caniuse.com/?search=aspect-ratio
Будем иметь ввиду!
#html #css #tailwind #tip
Продолжаем тему вёрстки. Иногда нам нужно сделать адаптивное видео (или другой элемент с соблюдением пропорции - отношение ширины к высоте).
У этой задачи есть классическое решение - использовать абсолютное позиционирование и верхний внутренний отступ (например padding-top: 56.25%).
Однако не многие знают (мы теперь знаем!), что есть CSS-свойство aspect-ratio, которое как раз решает эту задачу очень просто 👇
https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
Кстати, Tailwind конечно имеет удобные классы для работы с этим свойством, например aspect-video - и адаптивное видео 16/9 готово! Так просто 😃 На сайте можно подвигать видео за ползунок справа от него и убедиться, что оно адаптивное 👇
https://tailwindcss.com/docs/aspect-ratio
Поддержка браузерами в принципе НЕ плохая - 86%. Все версии браузеров, выпущеные с 2021 года поддерживают:
https://caniuse.com/?search=aspect-ratio
Будем иметь ввиду!
#html #css #tailwind #tip
👍10
Судя по лайкам контент по вёрстке заходит больше 😃
На самом деле это немного печально, потому что инфы по вёрстке и так дохрена в интернетах - куда не плюнь все либо верстают либо учат верстать. Но надо двигаться дальше, ведь вёрстка это только самое начало.
Всё самое интересное дальше!
На самом деле это немного печально, потому что инфы по вёрстке и так дохрена в интернетах - куда не плюнь все либо верстают либо учат верстать. Но надо двигаться дальше, ведь вёрстка это только самое начало.
Всё самое интересное дальше!
👍7😢1
Музыка для работы 🎧
Работаешь под музыку? Наушники или хорошие колонки? Если да, тогда предлагаю:
Отложить современную хрень и приобщиться к творчеству Рея Чарльза - легендарного слепого музыканта 60х годов с офигенным голосом.
https://music.yandex.ru/artist/443/tracks
Всем пятницы!
Работаем 🚀
#music
Работаешь под музыку? Наушники или хорошие колонки? Если да, тогда предлагаю:
Отложить современную хрень и приобщиться к творчеству Рея Чарльза - легендарного слепого музыканта 60х годов с офигенным голосом.
https://music.yandex.ru/artist/443/tracks
Всем пятницы!
Работаем 🚀
#music
👍5❤2🤔1
Что такое
Никогда не задавался этим вопросом 😃
Оказывается это метапеременные, которые используются для обозначения неопределённого объекта! Во как 👇
https://ru.wikipedia.org/wiki/Метапеременная
#foo #bar
fooи
bar?
Никогда не задавался этим вопросом 😃
Оказывается это метапеременные, которые используются для обозначения неопределённого объекта! Во как 👇
https://ru.wikipedia.org/wiki/Метапеременная
#foo #bar
👍7
26 основных паттернов микросервисной разработки
Наконец интересная статья для наших более продвинутых разработчиков 😃
Паттерны микросервисной разработки предоставляют проверенные решения для таких задач, как:
- Разработка микросервисной архитектуры
- Организация взаимодействия микросервисов друг с другом, клиентскими приложениями, базами данных.
- Обеспечение отказоустойчивости микросервисов и мониторинг.
https://mcs.mail.ru/blog/26-osnovnyh-patternov-mikroservisnoj-razrabotki
#microservices #patterns
Наконец интересная статья для наших более продвинутых разработчиков 😃
Паттерны микросервисной разработки предоставляют проверенные решения для таких задач, как:
- Разработка микросервисной архитектуры
- Организация взаимодействия микросервисов друг с другом, клиентскими приложениями, базами данных.
- Обеспечение отказоустойчивости микросервисов и мониторинг.
https://mcs.mail.ru/blog/26-osnovnyh-patternov-mikroservisnoj-razrabotki
#microservices #patterns
👍5
Laravel Vite
Раньше мы использовали прекрасный Laravel Mix для сборки фронтенда.
Ничего не мешает использовать его и дальше, но иногда нужно идти вперёд.
Теперь в Laravel рекомендуется использовать Vite - относительно новый современный инструмент для сборки фронтенда.
Vite хорош во всех отношениях, но самое крутое - это скорость сборки - теперь не придется ждать минутами, если ты понимаешь о чем я =)
Кстати, именно Evan You (разработчик VueJS) является автором Vite.
Документация Laravel уже обновлена:
https://laravel.com/docs/9.x/vite
#laravel #vite
Раньше мы использовали прекрасный Laravel Mix для сборки фронтенда.
Ничего не мешает использовать его и дальше, но иногда нужно идти вперёд.
Теперь в Laravel рекомендуется использовать Vite - относительно новый современный инструмент для сборки фронтенда.
Vite хорош во всех отношениях, но самое крутое - это скорость сборки - теперь не придется ждать минутами, если ты понимаешь о чем я =)
Кстати, именно Evan You (разработчик VueJS) является автором Vite.
Документация Laravel уже обновлена:
https://laravel.com/docs/9.x/vite
#laravel #vite
👍14🔥7
Прикупил книженцию
DDD (Domain-Driven Design) - подход к разработке проекта, когда мы (вместе с заказчиком) выявляем основных "участников" будущей системы, их связи и функции.
О том как правильно проектировать систему, разделять её на модули, а где наоборот разделение не нужно.
Тема интересная и полезная для больших проектов (от 100 таблиц в базе данных), но есть некоторые вопросы, которые (надеюсь) книга поможет решить.
https://www.ozon.ru/products/340457657/
#ddd #book
DDD (Domain-Driven Design) - подход к разработке проекта, когда мы (вместе с заказчиком) выявляем основных "участников" будущей системы, их связи и функции.
О том как правильно проектировать систему, разделять её на модули, а где наоборот разделение не нужно.
Тема интересная и полезная для больших проектов (от 100 таблиц в базе данных), но есть некоторые вопросы, которые (надеюсь) книга поможет решить.
https://www.ozon.ru/products/340457657/
#ddd #book
👍7
Делаю взаимодействие между окнами в браузере
Нужно, чтобы по клику в дочернем окне, которое выводится через
Оказалось это очень легко сделать, используя метод
Никогда этого не делал, но опыт интересный:
https://learn.javascript.ru/cross-window-communication
Напиши в комментах понятно что-нибудь или нет 😃
#js #ifame
Нужно, чтобы по клику в дочернем окне, которое выводится через
iframe, передавалось сообщение в родительское окно - во как =)
Оказалось это очень легко сделать, используя метод
window.postMessage(message, '*'). Буквально несколько строк кода и готово!
Никогда этого не делал, но опыт интересный:
https://learn.javascript.ru/cross-window-communication
Напиши в комментах понятно что-нибудь или нет 😃
#js #ifame
👍6
Пробуем атрибуты в PHP8
Хочу добавить с помощью атрибутов описания для классов и методов, чтобы автоматически добавлять их в базу данных.
https://stitcher.io/blog/attributes-in-php-8
#php #attributes
Хочу добавить с помощью атрибутов описания для классов и методов, чтобы автоматически добавлять их в базу данных.
https://stitcher.io/blog/attributes-in-php-8
#php #attributes
👍2❤1