TailwindCSS продолжает удивлять
Теперь мы можем применять стили к дочерним элементам одним махом.
Эта фича называется arbitrary variants - запомни, чтобы потом быстрее искать в документации.
Больше примеров по ссылке:
https://tailwindcss.com/blog/tailwindcss-v3-1#arbitrary-values-but-for-variants
Пиши что думаешь! ☝️
#tailwind
Теперь мы можем применять стили к дочерним элементам одним махом.
Эта фича называется arbitrary variants - запомни, чтобы потом быстрее искать в документации.
Больше примеров по ссылке:
https://tailwindcss.com/blog/tailwindcss-v3-1#arbitrary-values-but-for-variants
Пиши что думаешь! ☝️
#tailwind
👍14
Провоцирую диалог, подключайся! 😃
Мы иногда говорим про чистый код, шаблоны проектирования и друге правильные подходы.
Но мы забыли про паттерн, который помогает разработчику достигать личные цели.
Паттерн Богатый разработчик 💰
Проблема
Хочу мало работать и много зарабатывать.
Решение
Быстро и качественно создавать и поддерживать проекты на Laravel.
Пример
1. Взять предоплату.
2. Продумать сущности и связи между ними.
3. Создать модели/контроллеры/события/джобы - всё по докам.
4. Создать весь необходимый функционал с админкой и протестировать.
5. Провести презентацию и показать какой ты молодец.
6. Получить остаток и премию за внимательность к мелочам.
7. Повторить итерацию.
В этом списке НЕ нашлось места паттернам и лучшим практиками при разработке приложений.
А надо ли оно вообще?
Давай обсудим в комментах👇
1. Когда нужно и НЕ нужно заморачиваться с кодом?
2. Что важнее: время на разработку или абстракции с многоуровневой архитектурой?
3. Какова твоя личная цель? (проведём опрос)
#money #fun
Мы иногда говорим про чистый код, шаблоны проектирования и друге правильные подходы.
Но мы забыли про паттерн, который помогает разработчику достигать личные цели.
Паттерн Богатый разработчик 💰
Проблема
Хочу мало работать и много зарабатывать.
Решение
Быстро и качественно создавать и поддерживать проекты на Laravel.
Пример
1. Взять предоплату.
2. Продумать сущности и связи между ними.
3. Создать модели/контроллеры/события/джобы - всё по докам.
4. Создать весь необходимый функционал с админкой и протестировать.
5. Провести презентацию и показать какой ты молодец.
6. Получить остаток и премию за внимательность к мелочам.
7. Повторить итерацию.
В этом списке НЕ нашлось места паттернам и лучшим практиками при разработке приложений.
А надо ли оно вообще?
Давай обсудим в комментах👇
1. Когда нужно и НЕ нужно заморачиваться с кодом?
2. Что важнее: время на разработку или абстракции с многоуровневой архитектурой?
3. Какова твоя личная цель? (проведём опрос)
#money #fun
👍1
Зачем ты изучаешь Laravel, ООП, паттерны и тд?
Anonymous Poll
51%
Хочу много зарабатывать, чтобы иметь достойный уровень жизни, тачку и путешествовать
43%
Просто хочу стать крутым разработчиком, чтобы создавать крутые проекты, чтобы... что?
7%
Свой ответ в комментариях
Тебя просят создать проект за 300 000 рублей и ты понимаешь:
1. Если делать по-простому, то понадобится 1 месяц.
2. Если делать по-сложному, то понадобится 2 месяца. Как поступишь?
1. Если делать по-простому, то понадобится 1 месяц.
2. Если делать по-сложному, то понадобится 2 месяца. Как поступишь?
Anonymous Poll
73%
1. По-простому. Стандартная архитектура Laravel - быстро и качественно. Логика в контроллере - норм.
27%
2. По-сложному. Буду создавать свои интерфейсы, сервисы, репозитории, домены, абстракции и паттерны.
👍1
Bootstrap v5.2
Вышла новая бета-версия популярного фреймворка Bootstrap.
Обновление коснулось следующих моментов:
- CSS-переменные.
- Кнопки и поля ввода.
- Вспомогательные классы.
- Дизайн сайта и документация.
- Поиск по документации.
- Улучшения под капотом.
https://blog.getbootstrap.com/2022/05/13/bootstrap-5-2-0-beta/
#bootstrap
Вышла новая бета-версия популярного фреймворка Bootstrap.
Обновление коснулось следующих моментов:
- CSS-переменные.
- Кнопки и поля ввода.
- Вспомогательные классы.
- Дизайн сайта и документация.
- Поиск по документации.
- Улучшения под капотом.
https://blog.getbootstrap.com/2022/05/13/bootstrap-5-2-0-beta/
#bootstrap
👍10
OneCode
Тебя просят создать проект за 300 000 рублей и ты понимаешь:
1. Если делать по-простому, то понадобится 1 месяц.
2. Если делать по-сложному, то понадобится 2 месяца. Как поступишь?
1. Если делать по-простому, то понадобится 1 месяц.
2. Если делать по-сложному, то понадобится 2 месяца. Как поступишь?
Как ты наверно понял, проект на Ларке за месяц - это не выдуманная история. Вопрос из того поста я задавал себе неделю назад.
Для кого-то стоимость покажется маленькой, для кого-то большой. Главное, чтобы тебя это мотивировало. Пойми, что ты можешь зарабатывать больше. Больше, чем думаешь. Не ставь себе ограничений.
Да, работать нужно много. Последнюю неделю я сажусь за комп в 6 утра, а вылезаю в 9 вечера. С перерывами, конечно. Совмещаю основную работу и халтуру.
Пахать больше, чтобы заработать больше, чтобы пахать ещё больше и заработать ещё больше. Возможно это херня и всех денег не заработать, но оно того стоит. Я так чувствую.
В следующий раз, когда будет лень - вспомни, что я работаю вместе с тобой. Общая энергия целеустремлённых людей не знает границ.
Ты на правильном пути, продолжай идти и время расставит всё на свои места. Где будет твоё место? Решать тебе.
Для кого-то стоимость покажется маленькой, для кого-то большой. Главное, чтобы тебя это мотивировало. Пойми, что ты можешь зарабатывать больше. Больше, чем думаешь. Не ставь себе ограничений.
Да, работать нужно много. Последнюю неделю я сажусь за комп в 6 утра, а вылезаю в 9 вечера. С перерывами, конечно. Совмещаю основную работу и халтуру.
Пахать больше, чтобы заработать больше, чтобы пахать ещё больше и заработать ещё больше. Возможно это херня и всех денег не заработать, но оно того стоит. Я так чувствую.
В следующий раз, когда будет лень - вспомни, что я работаю вместе с тобой. Общая энергия целеустремлённых людей не знает границ.
Ты на правильном пути, продолжай идти и время расставит всё на свои места. Где будет твоё место? Решать тебе.
🔥16
Тебе интересна тема денег и заработка для разработчика?
Anonymous Poll
63%
Да, нужно больше золота!
13%
Нет, нужно больше кода!
24%
Всего да побольше!
Сегодня многие сайты отвечали ошибкой сервера
У меня утром НЕ открывались некоторые ресурсы, включая сайт
Зашел на
https://www.cloudflarestatus.com/
Заметил не работающие сайты или всё ок?
500 (nginx).
У меня утром НЕ открывались некоторые ресурсы, включая сайт
laravel-livewire.com.
Зашел на
Cloudflare, посмотрел статус - оказалось проблема на их стороне.
https://www.cloudflarestatus.com/
Заметил не работающие сайты или всё ок?
Раз тема денег интересна, тогда похвастаюсь вторым траншем (из трёх) за проект 😃
На разработку осталось меньше 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