DevGang
122 subscribers
1.99K photos
1.6K links
Статьи по программированию и не только!
Публикуем горячие новости, статьи и переводы из мира IT.
Сайт проекта: https://dev-gang.ru
Download Telegram
Адаптивный веб-дизайн (RWD) имеет важное значение в современном мире с множеством устройств. Ключевой задачей в RWD является выбор и загрузка изображения правильного размера в зависимости от размера экрана устройства. Это обеспечивает как качество изображения, так и производительность веб-сайта.

#JavaScript #HTML #CSS

https://dev-gang.ru/article/povsednevnye-problemy-adaptivnogo-vebdizaina-pdh7z3mt7m/
Поля модели Django определяют структуру базы данных в веб-приложении Django. Использование этого важного компонента обеспечит организованность вашей работы и поможет вам делать меньше ошибок в коде.

В этой статье будут обсуждаться некоторые распространенные поля модели Django и способы их использования в вашем коде.

#Python #Django

https://dev-gang.ru/article/polja-modeli-django--rasprostranennye-sluczai-ispolzovanija-i-kak-oni-rabotaut-a4tmp1847j/
В последнее время анимация прокрутки становится все более популярной тенденцией, особенно на целевых страницах SaaS и современных технологических стартапов.

Сегодня мы рассмотрим один пример: изменение цвета фона страницы при прокрутке. Этот эффект позволит придать дизайну динамичность и сделать каждый раздел уникальным.

#JavaScript #HTML

https://dev-gang.ru/article/izmenenie-cveta-fona-pri-prokrutke-s-pomosczu-javascript-gisaouezwv/
TailwindCSS - это CSS-фреймворк, ориентированный на утилиты, который в последние годы приобрел огромную популярность благодаря своей простоте и гибкости.

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

#CSS #HTML

https://dev-gang.ru/article/czudesa-tailwindcss-moi-licznye-predpocztenija-1fqnow2fc2/
В статье демонстрируются дополнительные возможности HTML, включая веб-компоненты, геолокацию, рисование на холсте и динамические обновления.

#HTML

https://dev-gang.ru/article/unikalnye-primery-i-ispolzovanie-html-vjctyiljdm/
Я собираюсь поделиться с вами тремя советами, которые я усвоил за эти годы. Эти советы помогут вам лучше писать Dockerfile. Они сделают ваши контейнеры более стабильными и безопасными. Они также сделают ваши контейнеры меньше и быстрее.

#NodeJS #TypeScript #Docker

https://dev-gang.ru/article/povyshaite-uroven-svoih-dockerfiles-nodejs-s-pomosczu-etih-treh-sovetov-1ubxstqw4w/
В этой статье мы разберем процесс создания бесконечной прокрутки с помощью GraphQL и React. К концу этого руководства вы сможете реализовать его в своих собственных веб-проектах.

#React #GraphQL

https://dev-gang.ru/article/beskonecznaja-prokrutka-graphql-b03k2ny2n5/
Как человек, потративший много времени на поиски идеального кода для прокрутки экрана, я рад поделиться этим компонентом с сообществом!

#JavaScript #HTML

https://dev-gang.ru/article/idealnyi-komponent-s-beskonecznoi-prokrutkoi-dlja-nuxt-9m815wcaua/
Если вы возились с CSS достаточно долго, скорее всего, вы хотя бы один раз пытались перейти от height: 0 к auto, но это не работает!

К счастью, сегодня действительно есть решение этой проблемы: под капотом используется CSS Grid, и это очень просто и работает безупречно!

#CSS

https://dev-gang.ru/article/csstruk-perehod-s-vysoty--na-avto-worpwyzxyw/
Большие приложения могут стать сложными и трудноуправляемыми из-за наличия множества компонентов и замысловатых структур.

Чертежи Flask помогают организовать большие приложения на более мелкие, управляемые компоненты, что приводит к повышению удобства обслуживания приложения.

#Flask #Python

https://dev-gang.ru/article/ispolzovanie-blueprint-dlja-organizacii-prilozhenii-flask-agky8w2jew/
Этот пост о том, как эффективно использовать метод String.prototype.substring() в JavaScript. Мы рассмотрим несколько примеров, чтобы понять, как это работает, поиграем, чтобы понаблюдать за несколькими закономерностями и изучить причуды.

#JavaScript

https://dev-gang.ru/article/javascript-metod-substring-fnqfkkdk7p/
Эффект шифрования текста — это классная анимация, которая быстро раскрывает текст путем случайной смены символов — точно так же, как те сцены в фильмах, где хакеры расшифровывают строки текста!

#JavaScript #HTML

https://dev-gang.ru/article/sozdanie-animacii-skremblirovanija-teksta-s-pomosczu-javascript-oji5z706xf/
Как новичка в огромном и динамичном мире веб-серверов, меня недавно привлекла простота и эффективность, которые обещают Docker и Nginx. Жаждая исследовать и учиться, я отправился в путешествие, чтобы создать базовую статическую веб-страницу с помощью этих технологий.

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

#Nginx #Docker

https://dev-gang.ru/article/put-noviczka-obsluzhivanie-prostoi-staticzeskoi-vebstranicy-s-pomosczu-docker-i-nginx-rmj02609o0/
В нашем проекте я использовал Docker и Nginx для развертывания приложения React на интерфейсном сервере. Давайте посмотрим, как я это сделал.

#React #Nginx #Docker

https://dev-gang.ru/article/razvernite-svoe-prilozhenie-react-s-pomosczu-docker-i-nginx-5tkhs6g4de/
В этом руководстве показано, как создать, развернуть и перейти на серверную часть для средства сокращения URL. Оно состоит из одной службы, REST API и базы данных PostgreSQL.

#Golang

https://dev-gang.ru/article/sozdanie-oblacznogo-bekenda-v-go-s-ispolzovaniem-rest-i-postgresql-oz7dmp398n/
Сделать React-приложение SEO-дружелюбным очень сложно. Тем не менее, есть несколько способов сделать это. И сегодня я расскажу вам о них.

#JavaScript #React #SEO

https://dev-gang.ru/article/uluczshenie-seo-v-nextjs-jf8zceibnk/
Python предоставляет множество функций для настройки визуализации анализируемых данных. В этой статье мы подробно рассмотрим одну такую ​​функцию, которая помогает стилизовать данные в электронной таблице MS Excel.

#Python #Pandas

https://dev-gang.ru/article/rukovodstvo-dlja-naczinausczih-po-stilizacii-dataframe-pandas-dvmwxxz694/
В этой статье мы рассмотрим 8 основных однострочников Python, которые каждый питонист должен иметь в своем наборе инструментов. От понимания списков до лямбда-функций и т.д. — эти методы предлагают элегантные решения распространенных проблем программирования, помогая писать более чистый и эффективный код.

#Python

https://dev-gang.ru/article/odnostroczniki-python-kotorye-pomogut-vam-napisat-prostoi-czitaemyi-kod-y55jx2r6sz/
Давайте поговорим об одном интересном шаблоне в Typescript, этот шаблон называется Discriminated Type Union или Discriminated Union Type

#JavaScript #TypeScript

https://dev-gang.ru/article/typescript-shablon-obedinenija-diskriminiruemyh-tipov-q7wwk5owmm/
В наше время многочисленные сайты создают страницы, которыми пользователи делятся в разных социальных сетях или мессенджерах. Благодаря тегам Open Graph ссылки могут иметь изображение предварительного просмотра, которое привлекает еще больше внимания, например с помощью тега og:image. Но обычно многие веб-сайты не прикладывают особых усилий к предварительному просмотру изображений и просто добавляют одно изображение на большинство страниц. Если изображения нет, парсеры пытаются автоматически найти первое доступное подходящее изображение и использовать его.

#JavaScript #NodeJS

https://dev-gang.ru/article/kak-bystro-sozdavat-dinamiczeskie-izobrazhenija-s-pomosczu-nodejs-i-puppeteer-4zi0l58805/
В машинном обучении приходится иметь дело с большим количеством данных для анализа. Работа с такими гигантскими объемами данных может быть немного сложной, но с правильными функциями это лишь вопрос - когда мы окажемся там, где хотели.

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

#Python #Pandas

https://dev-gang.ru/article/funkcija-python-pandas-seriesbetween-podrobnoe-rukovodstvo-icym3s31dj/