Вы когда-нибудь мечтали о собственном расширении для браузера? Вы когда-нибудь хотели, чтобы существовало расширение, которое делает то и это? Ну, просто создайте его! Для начала вам понадобится только файл manifest.json.

#CSS #HTML

https://dev-gang.ru/article/sozdavaite-rasshirenija-v-kratczaishie-sroki-m982aqr549/

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

#ChakraUI #NestJS #TypeScript

https://dev-gang.ru/article/sozdanie-doski-objavlenii-s-pomosczu-nextjs-chakra-ui-i-directus-ibne1kws21/

При использовании программы чтения с экрана/преобразования текста в речь для чтения текста вслух веб-сайты часто звучат как старинные научно-фантастические роботы.
Мы можем исправить ситуацию использовав CSS для объявления различных голосов так же, как мы используем CSS для объявления семейств шрифтов и типографских деталей. Так, в разделе "Вопросы и ответы" можно сделать так, чтобы один голос спрашивал, а другой отвечал на вопросы.

#CSS

https://dev-gang.ru/article/ne-zvuczite-kak-robot-ispolzovanie-css-dlja-upravlenija-preobrazovaniem-teksta-v-recz-9vh72293q6/

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

#JavaScript #React #Начинающим

https://dev-gang.ru/article/detskie-shagi-k-mgnovennomu-uluczsheniu-proekta-react-n6gsisurcj/

Мы, разработчики, всегда стараемся что-то оптимизировать! Именно здесь эта комбинация (Vite + React + Tailwind) набирает популярность среди разработчиков из-за ее быстрого опыта разработки и производительности.
В этой статье мы узнаем, как настроить проект Vite+React с помощью Tailwind.

#CSS #React #JavaScript

https://dev-gang.ru/article/prrp-xmzp3nbgvz/

В этом руководстве мы рассмотрим пример модульного тестирования в Node.js используя фреймворк NestJS. Мы сосредоточимся на тестировании класса BookService, рассмотрим его методы создания и извлечения книг, а также продемонстрируем лучшие практики тестирования.

#NestJS #JavaScript #Testing

https://dev-gang.ru/article/osvoenie-modulnogo-testirovanija-s-pomosczu-nestjs-ya1am64esi/

Привет, читатели блога dev-gang! В этой статье мы рассмотрим процесс создания стильного слайдера популярных продуктов с использованием React, Next.js и CSS. Слайдер позволит пользователям прокручивать коллекцию популярных продуктов с помощью левой и правой кнопок навигации.

#CSS #React #NestJS

https://dev-gang.ru/article/sozdanie-slaidera-s-ispolzovaniem-nextjs-i-css-77x7z6pwij/

Привет, читатели блога dev-gang!

В этом руководстве вы узнаете, как создать приложение Todo с помощью популярной структуры «App Router» Next.js 13, а также поймете некоторые из наиболее важных изменений, которые с ней связаны.

#NestJS

https://dev-gang.ru/article/-sozdanie-prilozhenija-todo-nextjs--s-ispolzovaniem-prisma-i-autentifikacii-po-parolu-ot-hanko--8ua1cxjk8y/

В этой статье мы узнаем об Options API и Сomposition API, их различиях и о том, почему composition API был представлен вместе с примером.

#API #JavaScript #Vue.js

https://dev-gang.ru/article/vue--api-parametrov-i-api-kompozicii-k4nbk1nizd/

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

#DataScience

https://dev-gang.ru/article/raznica-mezhdu-n-i-n-77lnyjv1qr/

Если у вас есть большое устаревшее веб-приложение, реализация темы темного режима — довольно сложная идея. Особенно, когда ваш CSS разбросан повсюду и вам нужно беспокоиться о ряде сторонних компонентов.

Идея реализации темного режима в нашем продукте электронного маркетинга стала естественным продолжением разговоров, которые команда вела об использовании темного режима в электронных письмах HTML и почтовых клиентах.

#CSS

https://dev-gang.ru/article/primenenie-vizualnyh-tem-s-pomosczu-scss-rorahmma6v/

«Взлом CPU» подразумевает разблокирование возможности непрерывной обработки данных и переоценки состояния.
Вы действительно можете сделать это с помощью CSS, даже не прикасаясь к JS, я покажу вам, как!

#CSS

https://dev-gang.ru/article/ekspert-css-hak-processora-ye8j554o7y/

Привет, технолюбопытные реалмеры! Вы когда-нибудь переставали работать хотя бы на секунду, смотрели на свой терминал MacBook и думали: «Я крутой программист/хакер; почему мой терминал такой мужицкий?» Если да, то вы попали на пост в блоге, посвященный повышению крутизны вашего MacBook как минимум на +10

#MacOS

https://dev-gang.ru/article/iterm-obnovlennyi-terminal-vashego-mac-xcf0r32hdc/

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

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

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

#DataScience #TypeScript

https://dev-gang.ru/article/kak-sproektirovat-shemu-surrealdb-i-sozdat-bazovyi-klient-dlja-typescript-lgkcc3k0jr/

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

#CSS #HTML

https://dev-gang.ru/article/-sposoba-perekluczenija-vidimosti-mobilnoi-navigacii-v-css-c3a1trfo5j/

В этом уроке я покажу, как упаковать приложение Go для пользовательского репозитория Arch Linux (AUR). Мы откроем учетную запись AUR, пройдемся по шаблону PKGBUILD и будем следовать рекомендациям Arch Wiki для Go. К концу руководства вы сможете загрузить свой собственный пакет Arch, использующий Go в AUR

#Golang #Linux #OpenSource

https://dev-gang.ru/article/rukovodstvo-po-upakovke-go-dlja-arch-linux-lk5qokhan5/

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

Если вы раньше не слышали о параллельной маршрутизации и не использовали ее, проверьте это.

#NestJS

https://dev-gang.ru/article/ustranenie-nepoladok-parallelnoi-marshrutizacii-v-nextjs-epcnwolapb/

В динамичном мире DevOps мы наводнены множеством инструментов для улучшения нашего конвейера. Но мы здесь не для того, чтобы говорить о норме, мы здесь для того, чтобы обсудить Экскалибур мониторинга и оповещения: Prometheus.

https://dev-gang.ru/article/ispolzovanie-sily-prometeja-monitoring-pokazatelei-na-steroidah-m4a1k47abz/

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

#CSS #React

https://dev-gang.ru/article/ispolzovanie-vozmozhnostei-scss-v-react-kompleksnoe-rukovodstvo-po-strukturirovaniu-i-stilizacii-vashego-proekta-fuuuai4glw/

Resend — это платформа для эффективной отправки электронной почты, гарантирующая прямую доставку в ваш почтовый ящик, а не в папку со спамом.
React Email — это библиотека компонентов с открытым исходным кодом, созданная той же командой, что и Resend. Эту библиотеку можно использовать для создания различных современных адаптивных шаблонов электронной почты.
В этом руководстве вы узнаете, как отправлять электронные письма с подтвержденного домена с помощью React-Email, Next.js и Resend.

#NestJS #React

https://dev-gang.ru/article/otpravka-pisem-react-s-ispolzovaniem-nextjs-i-resend-sdk-om91pc5kvb/

Elixir, мощный и отказоустойчивый язык программирования, предлагает ряд стратегий управления процессами, когда они сталкиваются с проблемами. Эти стратегии перезапуска процессов, включая :permanent, :temporary и :transient, играют ключевую роль в обеспечении надежности и отказоустойчивости системы. В этом руководстве мы рассмотрим концепции и лучшие практики, лежащие в основе этих стратегий перезапуска, предоставив вам знания для разработки надежных программных систем в Elixir.

https://dev-gang.ru/article/ponimanie-strategii-perezapuska-processa-perehodnye-vremennye-i-postojannye-pdxc1dcs3j/