DevGang
Авторизоваться
Алексей Устинов

Алексей Устинов

Магия clip-path

clip-path часто используется для обрезки узла DOM в определенные формы, например треугольники. Но что, если я скажу вам, что он также отлично подходит для анимации?

В этой статье мы углубимся в clip-path и некоторые интересные вещи, которые вы можете с его помощью сделать. Прочитав ее, вы увидите, что это свойство CSS используется повсюду.

Заблуждения о переходах между видами

View Transition API — это революционный инструмент веб-разработки. Независимо от того, является ли ваш сайт одностраничным или многостраничным, этот мощный API позволяет вам создавать плавные переходы между представлениями, что приводит к нативному опыту, который очаровывает пользователей. В настоящее время доступно в Chrome, а вскоре такие же переходы между представлениями документов будут доступны в Safari.

Поскольку все больше людей начинают изучать API View Transition, пришло время развеять некоторые заблуждения.

Как создать эффект следа в Godot Engine

Эффект следа — это визуальный эффект, создающий след из частиц, линий или других графических элементов позади движущегося объекта. Его обычно используют в играх для усиления визуальной обратной связи при движении, создания специальных эффектов, таких как магические заклинания или удары мечом, или для придания объектам ощущения скорости и движения.

Хитрости Zsh Shell, о которых я хотел бы знать раньше

Эффективная навигация по командной строке может значительно повысить вашу производительность, особенно при использовании мощных оболочек, таких как Zsh. Независимо от того, являетесь ли вы опытным разработчиком или любопытным новичком, освоение функций Zsh может преобразовать ваш рабочий процесс. В этом руководстве мы покажем вам некоторые важные советы и приемы Zsh, от навигации курсором до пользовательских команд, которые упростят ваш опыт работы с терминалом. Они не имеют определенного порядка, однако мы попытались сгруппировать их в логические блоки. Каждая глава показывает различные практические приложения.

Хранение статических файлов и доступ к ним в Next.js

Next.js содержит множество новых обновлений, одно из которых — способ хранения статических файлов. В этой статье мы увидим, что такое статические файлы, где их следует хранить, а также как визуализировать и получать доступ к изображениям, шрифтам, JSON и другим файлам для повышения производительности в Next.js. Итак, давайте начнем.

Статический файловый сервис Next.js

Статические файлы — это файлы, которые не часто изменяются, например изображения, шрифты, JSON, видео, документы и т. д. Эти файлы следует хранить и использовать в соответствии с руководством Next.js.

Искусственный интеллект на службе трудоустройства: кто чаще использует нейросети при поиске работы?

Социологи провели исследование, чтобы выяснить, как россияне используют искусственный интеллект (ИИ) при поиске работы. Опрос 3,5 тысяч пользователей сервисов Работа.ру и СберПодбор показал, что 18% респондентов обращались к нейросетям на этапе поиска вакансии.

Самые активные пользователи ИИ:

Будущее передачи данных: от световой скорости до квантовой революции

Мир данных стремительно развивается, и будущее передачи информации обещает быть захватывающим. Журнал AllTech Magazine делится своим видением ключевых трендов, которые изменят способ обмена данными в ближайшие годы:

1. Сверхскоростной интернет: 5G и Wi-Fi 7 — будут обеспечивать невероятную скорость, позволяя передавать даже самые большие файлы за секунды.

Яндекс Музыка расширяет горизонты музыкальных открытий с помощью сотен редких жанров

Сервис Яндекс Музыка обновил свою систему персональных рекомендаций, добавив сотни редких музыкальных жанров. Теперь пользователи могут погружаться в новые направления и открывать для себя неизвестных артистов.

Для обучения системы Яндекс Музыка пригласила музыкальных экспертов, в числе которых:

Huawei открывает гигантский исследовательский центр в Шанхае

Компания Huawei объявила об открытии своего нового исследовательского комплекса Lianqiu Lake R&D Center в рамках проекта Qingpu. Центр, расположенный на территории более чем 10,5 млн квадратных метров, обошелся компании в $1,4 миллиарда и станет местом работы для 35 000 ученых и инженеров Huawei.

Lianqiu Lake R&D Center будет заниматься разработкой передовых технологий в различных сферах, включая чипы HiSilicon, устройства с поддержкой 5G и 6G, смартфоны, автомобили и технологии в области цифровой энергетики.

Оптимизация веб-дизайна с помощью переменных CSS

В правилах CSS мы объявляем переменные для основной части документа, которую часто называют элементом :root. Это позволяет использовать переменную повсюду в документе. Однако вы также можете сосредоточиться только на определенных частях документа, указав их в другом селекторе.

:root {
  --primary-color:#ff0000;
}

ВТБ создает собственную АБС для обеспечения независимости и гибкости

Банк ВТБ объявил о планах по полному переходу на собственную автоматизированную банковскую систему (АБС) к 2025 году.

Решение обусловлено интеграцией нескольких банков в структуру ВТБ и возникшими сложностями с существующей IT-инфраструктурой, основанной на американской системе Oracle. Под давлением санкций банк решил создать уникальную систему, адаптированную к его потребностям.

Как отправлять HTTP-запросы с помощью JavaScript

В настоящее время взаимодействие между веб-приложениями осуществляется по протоколу HTTP. Например, предположим, что у вас есть приложение интернет-магазина и вы хотите создать новый продукт. Вам необходимо заполнить всю необходимую информацию и, возможно, нажать кнопку с надписью «Создать».

Это действие отправит HTTP-запрос на серверную часть вместе со всеми необходимыми данными, и серверное приложение будет использовать эти данные для внесения изменений в базу данных. После завершения действия, независимо от того, было ли оно успешным или нет, HTTP-ответ будет отправлен обратно во внешний интерфейс, который будет действовать соответствующим образом в зависимости от статуса этого ответа.

Методы print() в Python

В Python функция print() используется для печати желаемого сообщения на экране устройства. Печать всегда имеет строковый формат. Если сообщение печати находится в других объектах, перед печатью оно сначала преобразуется в строку. Вы можете ввести один или несколько объектов любого типа.

6 основных веб-сайтов, которые понравятся разработчикам

Разработка программного обеспечения постоянно меняется. Правильные инструменты имеют большое значение. Посмотрите эти шесть веб-сайтов, которые нужны каждому программисту:

1. Ray.so

Ray.so — это веб-сайт, который предоставляет быстрый и простой способ создания красивых фрагментов кода для документирования или обмена. Он позволяет создавать потрясающие визуальные эффекты вашего кода с настраиваемыми темами и фоном, что делает его идеальным для демонстрации вашей работы.  

Создание повторно используемых компонентов списка в React

При разработке в React часто встречаются сценарии, когда вам необходимо отображать списки похожих компонентов с разными стилями или содержанием. Например, у вас может быть список авторов, каждый из которых содержит различную информацию, такую ​​как имя, возраст, страна и автор книги. Чтобы эффективно обрабатывать такие случаи, мы можем использовать композицию компонентов React и передачу реквизитов. В этой статье мы рассмотрим, как для достижения этой цели создавать повторно используемые компоненты списка в React.

Что такое «поднятие» в JavaScript на примере?

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

Объяснение свойства поворота CSS

Свойство поворота является частью модуля преобразования CSS, который позволяет разработчикам применять различные преобразования к элементам на веб-странице. Функция поворота позволяет поворачивать элементы на заданный угол, изменяя их ориентацию, но не положение в потоке документов. Эта характеристика обеспечивает огромную универсальность, допуская вращение как по часовой стрелке, так и против часовой стрелки.

Бесконечная прокрутка: освоение API Intersection Observer

API Intersection Observer предоставляет способ асинхронного наблюдения за изменениями в пересечении (видимости) целевого элемента с элементом-предком или областью просмотра документа верхнего уровня. Он обычно используется для реализации бесконечной прокрутки, запуска анимации при попадании элемента в область просмотра, ленивой загрузки изображений и т.д.

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

Как выполнить суммирование Эйнштейна в Python

В Python концепция суммирования Эйнштейна помогает нам упростить вычисления массивов. Она оказывает большую помощь при решении матриц, особенно при вычислении их векторного произведения, скалярного произведения, суммы диагоналей и т.д. В этой статье давайте рассмотрим эту концепцию и поймем функцию numpy.einsum().

Сниппеты Vue 3 TypeScript и советы

В этой статье мы собрали коллекцию полезных фрагментов кода и советов, которые часто ищуться в документации Vue. Наличие всех этих сниппетов в одном месте должно облегчить использование их в качестве примеров быстрого копирования и вставки, что в конечном итоге сэкономит драгоценное время при разработке с использованием Vue 3 и TypeScript.

Определение компонента

Вот пример определения компонента с использованием синтаксиса <script setup>. Макросы defineProps и defineEmits используются для объявления компонента prop и event соответственно. Помощник withDefaults позволяет нам устанавливать значения по умолчанию для prop. Мы можем определить это как пользовательский фрагмент кода в нашем редакторе кода, который будет служить отправной точкой при создании нового компонента.

В России появится единый QR-код для оплаты покупок

"Сбер", Альфа-банк и Т-Банк объединяются в консорциум для запуска единого QR-кода, который станет альтернативой системе НСПК.

Новый QR-код позволит покупателям в магазинах сканировать код и выбирать способ оплаты: Pay-сервис, систему быстрых платежей или цифровой рубль (когда он будет запущен). Трансакции будут проходить через расчетный банк консорциума.

Figma представляет масштабное обновление с новым интерфейсом, ИИ-инструментами и презентациями

На ежегодной конференции Config компания Figma анонсировала значительное обновление своего продукта, включающее переработанный интерфейс, новые инструменты генеративного ИИ и встроенные функции для создания презентаций.

Ключевое изменение - это полностью переработанный интерфейс, который, по словам компании, закладывает основу для развития Figma на следующее десятилетие. Обновление коснулось всех элементов: от панели инструментов до иконок. Figma стремится сделать интерфейс более интуитивным и удобным как для новичков, так и для опытных дизайнеров.

Новым дополнением стали инструменты ИИ, которые помогают быстро создавать прототипы. Например, Figma может генерировать дизайн приложения для ресторана, включая меню, панель вкладок и кнопки для сервисов доставки.

Эксперт Роскачества рассказывает о признаках шпионажа 

Эксперты Центра цифровой экспертизы Роскачества предупреждают о возможности шпионажа с помощью мобильного телефона. Руководитель Центра Сергей Кузьменко перечисляет ряд признаков, которые должны насторожить владельцев смартфонов:

Подозрительное поведение устройства:


• Неожиданные звонки и сообщения.
• Шум во время разговоров.
• Самостоятельное включение, перезагрузка или открытие приложений.

Изменения в трафике и скорости интернета:

• Необъяснимый рост потребления трафика.
• Снижение скорости интернета.

Перегрев и замедление работы устройства:

• Постоянный перегрев смартфона.
• Частые замедления и "торможения" устройства.
• Невозможность удалить "мусор" из памяти.

Захват личной информации:

• Появление в галерее скриншотов или видео, которые вы не делали.
• Наличие в галерее фотографий или видео с секретной информацией.

Что делать, если вы заметили эти признаки:

• Не паникуйте! Эти признаки могут быть вызваны и другими причинами.
• Обратитесь к специалистам или попробуйте решить проблему самостоятельно. 
• Обновите операционную систему и приложения до последних версий.
• Используйте антивирусные программы.
• Будьте внимательны к приложениям, которые вы устанавливаете. 

Важно помнить, что безопасность ваших данных зависит от вас. Следуйте простым правилам безопасности и не давайте мошенникам шанса украсть вашу личную информацию.  

Студентка МАИ создала IT-решение для виртуальных испытаний космической техники

София Васнева, студентка Московского авиационного института, разработала IT-решение, которое позволит виртуально проводить испытания приборов на электромагнитную совместимость. Эта разработка ожидается быть востребованной при создании современной ракетно-космической техники.

Как воспроизводить аудио с помощью React

В этой статье я покажу вам, как я воспроизвожу аудио в интерфейсах React.

Настройка звука

Где-то на S3 у меня есть 4 аудиофайла, распространяемые CloudFront:

const musics = [
  'https://alterego.community/audio/classique.mp4',
  'https://alterego.community/audio/folk.mp4',
  'https://alterego.community/audio/electro.mp4',
  'https://alterego.community/audio/hip-hop.mp4'
];

Summer Merge 2024: где мечты становятся реальностью

Хотите отключиться от рутины, погрузиться в атмосферу творчества и вдохновения, завести новых друзей и получить ценный опыт? Тогда вам на Summer Merge!

IV Антиконференция Summer Merge — это не просто а IT-тусовка. Это уникальная возможность провести выходные в уютном эко-парке "Русский берег" (Ульяновская область), окруженные природой и интересными людьми.

Flashback в GBase 8c для обеспечения согласованности данных

Технология Flashback в GBase 8c является важнейшим методом обеспечения глобальной согласованности данных. Она позволяет выполнять выборочный и эффективный откат результатов зафиксированной транзакции, облегчая восстановление после человеческих ошибок. До внедрения технологии Flashback восстановление зафиксированных изменений базы данных было возможно только с помощью таких методов, как резервное копирование и PITR, что могло занять минуты или даже часы. С технологией Flashback восстановление данных до состояния до зафиксированных изменений занимает всего несколько секунд, и это время восстановления не зависит от размера базы данных.

Создание интерактивных цифровых логических схем в React

Добро пожаловать в мир проектирования цифровых логических схем, где сложность сочетается с творчеством. Создание цифровой логической схемы — немалый подвиг.

Это требует точности, ясности и эффективной визуальной коммуникации. Однако правильные инструменты могут сделать этот процесс значительно более управляемым. Одним из таких инструментов является универсальный элемент управления Syncfusion React Diagram, который позволяет разработчикам быстро и без усилий создавать высококачественные логические схемы.

В этом блоге мы рассмотрим функциональные возможности элемента управления React Diagram. Мы продемонстрируем, как его интерактивный пользовательский интерфейс, оснащенный такими функциями, как перетаскивание, копирование, вставка, импорт и экспорт, а также панорамирование и масштабирование, упрощает процесс создания схемы.

Как одна уязвимость может разрушить экосистему JavaScript

В мире разработки программного обеспечения мы часто считаем само собой разумеющимся безопасность и надежность инструментов и платформ, на которые мы полагаемся ежедневно. Мы предполагаем, что пакеты, которые мы загружаем, и реестры, которые мы используем, безопасны и заслуживают доверия. Однако мы недавно обнаружили атаку с отравлением кеша в реестре npm, одном из крупнейших реестров пакетов для JavaScript, что потенциально раскрывает хрупкость наших цепочек поставок программного обеспечения и возможность широкомасштабных сбоев.

Реестр npm — важнейший компонент экосистемы JavaScript, служащий центральным репозиторием для более чем 2,1 миллиона пакетов, на который полагаются более 17 миллионов разработчиков по всему миру. Он стал незаменимым ресурсом, позволяющим легко обмениваться зависимостями, повторно использовать их и управлять ими в своих проектах. Реестр npm, который загружают миллионы раз в день, является основой бесчисленных приложений и веб-сайтов.

Как использовать лямбда-функции с map, filter и reduce

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

Поняв, как эффективно использовать лямбда-функции, вы сможете писать более краткий и эффективный код Python. Это улучшит ваши навыки программирования, сделает вашу кодовую базу более чистой и простой в управлении.