Заметки разработчика

💡 Совет по Laravel: Условное сокрытие консольных команд Иногда бывает необходимо скрыть консольные команды, например, устаревшие/легаси команды, из списка. Хотя их можно скрыть вручную с помощью метода setHidden(), это также можно сделать с помощью метода isHidden() 🚀. 📱 @dev_notes_ru #Laravel #Console #Command #tips

👩‍💻 Новые возможности CSS за 2024 год CSS постоянно развивается — недавно у него появился новый логотип, и за последний год было выпущено множество новых функций, не получивших должного внимания. Мы говорим о таких вещах, как возможность центрировать div, не сходя с ума, более лёгкая работа с темным режимом, анимация скрытых элементов или использование CSS для решения математических задач. Кажется, что теперь можно делать больше с меньшими хлопотами, так что давайте рассмотрим некоторые из новых возможностей CSS, появившихся в последнее время. 🖥 Читать статью 📱 @dev_notes_ru #Frontend #CSS #feature

👩‍💻 ES2025: Атрибуты импорта JavaScript Понимание нового синтаксиса атрибутов импорта и причин, по которым нельзя полагаться только на расширения файлов. В ES2025 JavaScript получает новую функцию, делающую импорт модулей более явным и безопасным. Атрибуты импорта добавляют способ передачи метаданных о любом импортируемом модуле — будь то JSON, JavaScript или другие типы модулей. 🖥 Читать статью 📱 @dev_notes_ru #JavaScript #ES2025 #Import

Три незабываемых команды 📱 @dev_notes_ru #joke

Стадии опьянения 📱 @dev_notes_ru #joke

💡 Совет по Laravel: Запрет деструктивных команд DB Запуск миграций или стирание БД в продакшене может привести к катастрофическим последствиям. Начиная с Laravel v11, можно запретить все деструктивные команды DB, вызвав метод prohibitDestructiveCommands 🚀. 📱 @dev_notes_ru #Laravel #DB #tips

👩‍💻 Пять примеров использования defer() в Laravel Узнайте, как функция Laravel defer() может улучшить время отклика, выполняя фоновые задачи, такие как отправка электронной почты, очистка файлов и ведение логов после отправки ответа. В современной веб-разработке скорость и отзывчивость — это главное. Медленная загрузка сайта или приложения может стать разницей между удовлетворением и разочарованием пользователей. Функция Laravel defer() — новое дополнение, призванное решить эту проблему, позволяя выполнять фоновые задачи без усилий, не влияя на время отклика. В статье мы рассмотрим, почему defer() является фантастическим дополнением к Laravel, а также рассмотрим практические варианты её использования с примерами кода. 🖥 Читать статью 📱 @dev_notes_ru #Laravel #Defer

💡 Совет по Laravel: Трейт `Prohibitable` В большинстве приложений Laravel зачастую присутствуют локальные или зависящие от окружения команды, которые не должны выполняться в других местах. Чтобы предотвратить такие случаи, используйте трейт Prohibitable и вызывайте метод prohibit 🚀. 📱 @dev_notes_ru #Laravel #Prohibitable #tips

👩‍💻 Что означает ошибка "refusing to merge unrelated histories" Рассмотрим как решить распространённую ошибку Git: "refusing to merge unrelated histories" при объединении репозиториев с несвязанными историями. Ошибка Git "refusing to merge unrelated histories" возникает, когда Git пытается объединить ветки или репозитории без общей истории коммитов. Это может быть случай, когда кто-то пытается объединить два независимых репозитория, объединить два проекта или даже синхронизировать локальный проект с новым удалённым репозиторием. 🖥 Читать статью 📱 @dev_notes_ru #Git #Merge #Error

🖥 Определение переполнения/скроллбара используя современный CSS Хотите определить, есть ли у элемента переполнение или он прокручивается? Это возможно с помощью анимации, управляемой прокруткой! Кроме того, эту информацию можно хранить в переменной на уровне :root и делать с ней всё что угодно (например, стилизовать элементы на странице).

:root {
  timeline-scope: --scroll;
  animation: --scroll forwards;
  animation-timeline: --scroll;
  container-name: --scroll;
}
.box { /* соответствующий элемент */
  overflow: auto; /* или hidden */
  scroll-timeline: --scroll;
}
@keyframes --scroll {
  0%,to{--scroll: 1;}
}
@container --scroll style(--scroll: 1) {
  /* CSS, когда .box переполнен 
     можно нацелиться на любой элемент на странице!
  */
}
/* Да, вы можете использовать --scroll везде! */

Измените размер элемента .box в демонстрационном примере на 👩‍💻 CodePen и посмотрите на волшебство! (пока только для 👩‍💻) Использование запроса стиля не обязательно, и можно использовать более простую версию, если необходимо нацелиться на соответствующий элемент.

.box {
  overflow: auto; /* или hidden */
  animation: scrolling forwards;
  animation-timeline: scroll(self);
}
@keyframes scrolling {
  0%,to{
    /* CSS, применяемый к .box, когда в нём есть переполнение */
  }
}

Или дочерний элемент

.box {
  overflow: auto; /* или hidden */
}
.box .child {
  animation: scrolling forwards;
  animation-timeline: scroll(); /* он будет считать, что у предка overflow: auto/hidden  */
}
@keyframes scrolling {
  0%,to{
    /* CSS, применяемый к .child, когда у .box есть переполнение */
  }
}

Пример на 👩‍💻 CodePen 🔗Источник: Overflow/scrollbar detection using modern CSS 📱 @dev_notes_ru #CSS #tips

💡 Совет по Laravel: Принудительное использование HTTPS для URL Начиная с Laravel v11.31, можно обеспечить HTTPS для всех генерируемых URL без необходимости указывать схему HTTPS в запросе 🚀. 📱 @dev_notes_ru #Laravel #URL #tips

👩‍💻 Доступ к связанным с маршрутом моделям в запросах формы Laravel с #[RouteParameter] В этой статье вы узнаете о PHP атрибуте #[RouteParameter], который используется в Laravel для доступа к моделям, связанным с маршрутом, в классах запросов форм. Мы подробно рассмотрим, как применять этот атрибут и какие проблемы он решает. 🖥 Читать статью 📱 @dev_notes_ru #Laravel #Attribute #RouteParameter

💡 Совет по Laravel: Объяснение запросов Eloquent Вам когда-нибудь требовалось выполнить EXPLAIN для запроса Eloquent, чтобы проверить, используется ли индекс? Хотя можно вручную извлечь необработанный запрос и выполнить на нем EXPLAIN, можно добавить в цепочку метода explain, чтобы сделать именно это🚀. 📱 @dev_notes_ru #Laravel #Eloquent #tips

Понимание различных типов SSH ключей Ключи Secure Shell (SSH) неотъемлемая часть современной защиты серверов и сетей. Они позволяют аутентифицировать пользователей и устройства, не полагаясь на пароли, уязвимые для попыток взлома. В статье рассмотрим различные типы ключей SSH и способы их эффективного использования. 🖥 Читать статью 📱 @dev_notes_ru #DevOps #SSH

💡 Совет по Laravel: Новый метод `rawColumn` В Laravel v11.32 появился новый метод rawColumn. Теперь, вместо использования DB::statement, когда грамматика не поддерживает обновление или создание колонки, можно использовать метод rawColumn 🚀. 📱 @dev_notes_ru #Laravel #Migration #tips

💡 Руководство по типам данных SQLite Большинство баз данных имеют определённые типы данных, но SQLite значительно отличается от других систем баз данных. В статье рассказывается о динамической системе типов SQLite и различных типах данных для тех, кто только начинает работать с SQLite. SQLite — популярная, лёгкая система баз данных, хранящая данные в одном файле. Её простоте способствует гибкая, динамическая система типов, отличающаяся от статических, жёстких типов, используемых в других системах баз данных, таких как MySQL, PostgreSQL или SQL Server, требующих указания типов данных при создании таблиц. 🖥 Читать статью 📱 @dev_notes_ru #DataBase #SQLite #tips

📱 @dev_notes_ru #joke

"Продолжай писать код. Исправим это позже" 📱 @dev_notes_ru #joke

💡 Совет по Laravel: Глобальное Middleware для HTTP клиента Заголовки могут быть полезны. Например, глобальный user agent может помочь идентифицировать запросы вашего приложения в других сервисах или сторонних API. Laravel уже поддерживает middleware для запросов и ответов, позволяющие делать именно это 🚀. 📱 @dev_notes_ru #Laravel #HTTP #tips

👩‍💻 Настройка одного набора цветов для светлого и тёмного режимов CSS переменные можно использовать, чтобы сделать цвета темнее, когда они отображаются на светлом фоне, и светлее, когда они отображаются на тёмном, что делает их более яркими в обоих случаях. Часто, когда речь идёт о светлом и тёмном режимах, подразумевается полная смена цветов. Светлый цвет становится темным и наоборот. Такова сущность ситуации! Но подумайте об оранжевом. О розовом. Зелёном и голубом. Это цвета, имеющие приличные шансы работать хорошо как в тёмной, так и в светлой теме. 🖥 Читать статью 📱 @dev_notes_ru #Frontend #CSS #ColorScheme #DarkMode #LightMode