#css #grid #tips #frontend
Для создания более сложных макетов можно использовать гриды внутри гридов. Эта техника упрощает работу с запутанными элементами пользовательского интерфейса.
Такой подход, хотя и является мощным, может стать сложным, поэтому следите за слоями вложенности.
@dev_notes_ru
Для создания более сложных макетов можно использовать гриды внутри гридов. Эта техника упрощает работу с запутанными элементами пользовательского интерфейса.
Такой подход, хотя и является мощным, может стать сложным, поэтому следите за слоями вложенности.
@dev_notes_ru
#frontend #css #property #contain #CSSContainment
👩💻 CSS свойство
CSS Containment используется для оптимизации и открытия возможностей стилизации путём изоляции элементов от остальной части страницы. Различные значения contain (size, paint, layout и т. д.) обеспечивают различные преимущества и компромиссы.
Назначение CSS свойства
✅ Оптимизация
✅ Возможности стилизации
Когда мы применяем
🖥 Читать статью
📱 @dev_notes_ru
containCSS Containment используется для оптимизации и открытия возможностей стилизации путём изоляции элементов от остальной части страницы. Различные значения contain (size, paint, layout и т. д.) обеспечивают различные преимущества и компромиссы.
Назначение CSS свойства
contain (CSS Containment) двояко:Когда мы применяем
contain к элементу, мы изолируем его (и его потомков) от остальной части страницы, и эта изоляция открывает все возможности. Существуют различные типы изолирования, выполняющие разные задачи, и мы рассмотрим каждый из них.Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
#laravel #tips #mysql #mariadb #database #db
Совет по Laravel💡: Невидимые столбцы
Если вы используете MySQL/MariaDB в качестве базы данных, вы можете использовать невидимые столбцы. Эти столбцы остаются скрытыми в операторах
@dev_notes_ru
Совет по Laravel💡: Невидимые столбцы
Если вы используете MySQL/MariaDB в качестве базы данных, вы можете использовать невидимые столбцы. Эти столбцы остаются скрытыми в операторах
SELECT *, что идеально подходит для работы с конфиденциальной информацией и предварительно вычисленными столбцами 🚀.@dev_notes_ru
👍3😱2
#css #grid #tips #frontend
Функция
Она создает отзывчивый грид, в котором столбцы увеличиваются и уменьшаются в заданных пределах.
@dev_notes_ru
Функция
minmax() позволяет контролировать изменение размера. Она создает отзывчивый грид, в котором столбцы увеличиваются и уменьшаются в заданных пределах.
@dev_notes_ru
👍1
#backend #php #php84 #feature #PropertyHooks
👩💻 PHP 8.4 Property Hooks (хуки свойств)
Хуки свойств позволяют определять пользовательскую логику получения и установки свойств класса без необходимости писать отдельные методы получения и установки. Это означает, что можно определить логику непосредственно в объявлении свойства, чтобы получить прямой доступ к свойству (например,
Если вы Laravel разработчик, то, читая эту статью, можете заметить, что хуки очень похожи на аксессоры и мутаторы в моделях Laravel.
🖥 Читать статью
📱 @dev_notes_ru
Хуки свойств позволяют определять пользовательскую логику получения и установки свойств класса без необходимости писать отдельные методы получения и установки. Это означает, что можно определить логику непосредственно в объявлении свойства, чтобы получить прямой доступ к свойству (например,
$user->firstName) без необходимости помнить о вызове метода (например, $user->getFirstName() и $user->setFirstName()).Если вы Laravel разработчик, то, читая эту статью, можете заметить, что хуки очень похожи на аксессоры и мутаторы в моделях Laravel.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
#laravel #tips #validation #redirect
Совет по Laravel💡: Настройте местоположение перенаправления
Мы часто используем запросы формы для валидации. Знаете ли вы, что можно настроить местоположение перенаправления при неудаче? Теперь вы не ограничены перенаправлением пользователей на предыдущую страницу 🚀.
@dev_notes_ru
Совет по Laravel💡: Настройте местоположение перенаправления
Мы часто используем запросы формы для валидации. Знаете ли вы, что можно настроить местоположение перенаправления при неудаче? Теперь вы не ограничены перенаправлением пользователей на предыдущую страницу 🚀.
@dev_notes_ru
🔥2
#css #grid #tips #frontend
Используйте
Это обеспечивает гибкость и сбалансированность макетов.
@dev_notes_ru
Используйте
auto для контента, определяющего размер на основе его длины, а fr (fraction) делят оставшееся пространство.Это обеспечивает гибкость и сбалансированность макетов.
@dev_notes_ru
🔥1
#JavaScript #TypeScript
👩💻 Всё о циклах в JavaScript
В каждом языке программирования есть циклы. Циклы выполняют операцию (т. е. часть работы) несколько раз, обычно по одному разу для каждого элемента массива или списка, или просто повторяют операцию до тех пор, пока не будет выполнено определённое условие.
В JavaScript, есть довольно много типов циклов. Я даже не все из них использовал, поэтому ради собственного любопытства решил сделать их поверхностный обзор. И, как оказалось, есть довольно веские причины, не использовать пару из этих типов.
Итак, давайте изучим различные типы циклов, что можно делать с каждым из них и почему следует использовать один, а не другой. (К концу вам покажется, что эта небольшая игра слов совершенно уморительна).
🖥 Читать статью
📱 @dev_notes_ru
В каждом языке программирования есть циклы. Циклы выполняют операцию (т. е. часть работы) несколько раз, обычно по одному разу для каждого элемента массива или списка, или просто повторяют операцию до тех пор, пока не будет выполнено определённое условие.
В JavaScript, есть довольно много типов циклов. Я даже не все из них использовал, поэтому ради собственного любопытства решил сделать их поверхностный обзор. И, как оказалось, есть довольно веские причины, не использовать пару из этих типов.
Итак, давайте изучим различные типы циклов, что можно делать с каждым из них и почему следует использовать один, а не другой. (К концу вам покажется, что эта небольшая игра слов совершенно уморительна).
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
#laravel #tips #env
Совет по Laravel💡: Убедитесь в существовании ключей Env
Если хотите быть абсолютно уверенными в существовании ключа в файле
@dev_notes_ru
Совет по Laravel💡: Убедитесь в существовании ключей Env
Если хотите быть абсолютно уверенными в существовании ключа в файле
.env, используйте метод getOrFail(). Он выбросит исключение во время выполнения, если ключ отсутствует. Это очень удобно для API ключей 🚀.@dev_notes_ru
👍1
#laravel #tips
Области в Laravel используются для добавления ограничений в запрос с помощью условий
Но знаете ли вы, что их можно использовать и для инкапсуляции отношений
@dev_notes_ru
Области в Laravel используются для добавления ограничений в запрос с помощью условий
where. Но знаете ли вы, что их можно использовать и для инкапсуляции отношений
with!@dev_notes_ru
👍1
#laravel #tips #dedublicate
Совет по Laravel💡: Удаление дубликатов символов
В Laravel v11.20 появился новый метод «deduplicate», позволяющий удалять дубликаты из пробелов или любых символов по вашему выбору 🚀.
@dev_notes_ru
Совет по Laravel💡: Удаление дубликатов символов
В Laravel v11.20 появился новый метод «deduplicate», позволяющий удалять дубликаты из пробелов или любых символов по вашему выбору 🚀.
@dev_notes_ru
🔥2
#frontend #css #css3 #grid #flexbox #flex
👩💻 "Умные" макеты с контейнерными запросами
Контейнерные запросы — одна из тех вещей, которые открывают новые возможности, но поскольку они очень похожи на старый способ работы с медиа-запросами, наш первый инстинкт — использовать их так же, или, по крайней мере, очень похоже.
Но при этом мы не используем преимущества того, насколько умными являются контейнерные запросы по сравнению с медиа-запросами!
Поскольку медиа запросы сыграли важную роль в наступлении эры отзывчивого веб-дизайна, не хочется говорить о них ничего плохого… но медиа-запросы — это тупость. Не тупые с точки зрения концепции, а тупые в том смысле, что они не знают очень многого. На самом деле, большинство людей полагают, что они знают больше, чем есть на самом деле.
🖥 Читать статью
📱 @dev_notes_ru
Контейнерные запросы — одна из тех вещей, которые открывают новые возможности, но поскольку они очень похожи на старый способ работы с медиа-запросами, наш первый инстинкт — использовать их так же, или, по крайней мере, очень похоже.
Но при этом мы не используем преимущества того, насколько умными являются контейнерные запросы по сравнению с медиа-запросами!
Поскольку медиа запросы сыграли важную роль в наступлении эры отзывчивого веб-дизайна, не хочется говорить о них ничего плохого… но медиа-запросы — это тупость. Не тупые с точки зрения концепции, а тупые в том смысле, что они не знают очень многого. На самом деле, большинство людей полагают, что они знают больше, чем есть на самом деле.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
#laravel #tips
Laravel Tip💡: Сокращения для удаления столбцов
Нужно опустить некоторые специфические для фреймворка колонки? Не обязательно указывать их вручную, Laravel предоставляет сокращения, чтобы сделать именно это 🚀.
@dev_notes_ru
Laravel Tip💡: Сокращения для удаления столбцов
Нужно опустить некоторые специфические для фреймворка колонки? Не обязательно указывать их вручную, Laravel предоставляет сокращения, чтобы сделать именно это 🚀.
@dev_notes_ru
🔥3👎2
#backend #laravel #validation #php
👩💻 Десять редко используемых правил валидации Laravel
Вам известны все правила валидации, доступные в Laravel? Подумайте ещё раз! В Laravel есть множество готовых правил валидации, способных значительно упростить написание кода. Рассмотрим 10 редко используемых правил валидации, о существовании которых некоторые не подозревали.
🖥 Читать статью
📱 @dev_notes_ru
Вам известны все правила валидации, доступные в Laravel? Подумайте ещё раз! В Laravel есть множество готовых правил валидации, способных значительно упростить написание кода. Рассмотрим 10 редко используемых правил валидации, о существовании которых некоторые не подозревали.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
#laravel #tips #substrCount
Совет по Laravel💡: Подсчет вхождений слов
Вам когда-нибудь требовалось подсчитать количество вхождений слова в предложение? В Laravel есть метод
@dev_notes_ru
Совет по Laravel💡: Подсчет вхождений слов
Вам когда-нибудь требовалось подсчитать количество вхождений слова в предложение? В Laravel есть метод
substrCount, который позволяет сделать именно это 🚀.@dev_notes_ru
👍1