Руководство для начинающих по #Sass

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

https://dev-gang.ru/article/rukovodstvo-dlja-naczinausczih-po-programmirovaniu-dlja-css-s-pomosczu-sass-zcg7lat6l6/

Начало работы с #Postgres в вашем приложении #React

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

https://dev-gang.ru/article/naczalo-raboty-s-postgres-v-vashem-prilozhenii-react-olh4g437dj/

10 причин, почему разработчики любят #Docker

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

https://dev-gang.ru/article/10-priczin-poczemu-razrabotcziki-lubjat-docker-gx4i2mqxhl/

Как запустить #Python через URL

Мы создаем быструю платформу для разработчиков под названием WayScript. Мы будем рады вашим отзывам.

https://dev-gang.ru/article/uczebnik-kak-zapustit-python-czerez-url-wkjg62faqv/

Создание платформы на базе Kubernetes: основные компоненты, решения и антипаттерны

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

https://dev-gang.ru/article/sozdanie-platformy-na-osnove-kubernetes-osnovnye-komponenty-reshenija-i-antipatterny-mv7yezolic/

Справочник по компилятору #Svelte
Процесс компиляции Svelte можно разбить на 4 этапа
https://dev-gang.ru/article/spravocznik-po-kompiljatoru-svelte-8g30f76fpc/

#CSS выводы из нового дизайна Facebook

Я любопытный человек, который всегда заинтересован в открытии браузера DevTools, чтобы увидеть, как все было сделано на веб-сайте. Это первый раз, когда я веду блог о чем-то подобном. Я нашел несколько интересных применений различных функций CSS (по крайней мере, для меня), и я хотел бы поделиться ими с вами.

https://dev-gang.ru/article/css-vyvody-iz-novogo-dizaina-facebook-qgm0ohjkij/

Быстрая загрузка веб-страниц на телефон за 20 долларов

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

https://dev-gang.ru/article/bystraja-zagruzka-veb-stranic-na-telefon-za-20-dollarov-7wrxy3zyfx/

Использование #CSS для установки текста внутри круга

Вы хотите установить текст внутри формы круга с помощью #HTML и CSS? Это безумный разговор, верно?

На самом деле, нет! Благодаря shape-outside и некоторым хитростям CSS можно сделать именно это.

https://dev-gang.ru/article/ispolzovanie-css-dlja-ustanovki-teksta-vnutri-kruga-cuh81g6miq/

#Flutter на #CodePen

Вы видели Flutter? Это пользовательский интерфейс Google для создания кроссплатформенных приложений. Вы пишете приложения Flutter на современном языке программирования Dart. Пакеты Flutter обеспечивают быструю разработку приложений. Приложения Flutter компилируются в честные нативные приложения для iOS и Android, а также веб-приложение и настольное приложение.

https://dev-gang.ru/article/flutter-na-codepen-bd56djfuri/

Как конвертировать SVG в PNG

Оформление интерьера «Два совка Джанго» было нарисовано вручную, отсканировано и украшено с использованием Inkscape. Результат был экспортирован в SVG, а затем преобразован в формат pdf_tex для использования в пользовательской сборке LaTeX, которую мы использовали годами.

https://dev-gang.ru/article/kak-konvertirovat-svg-v-png-3wtcj25clc/

Освобождение

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

https://dev-gang.ru/article/osvobozhdenie-ail02wj4pc/

Создание высокопроизводительных крупномасштабных веб-приложений

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

https://dev-gang.ru/article/sozdanie-vysokoproizvoditelnyh-krupnomasshtabnyh-veb-prilozhenii-4mdb7mvw2q/

#VisualStudioCode: мощное руководство пользователя

Эта статья написана для начинающих пользователей, которые могут впервые использовать Visual Studio Code. #VSCode, как известно, считается «легковесным» редактором кода. По сравнению с редакторами с полной интегрированной средой разработки (#IDE), которые занимают гигабайты дискового пространства, VS Code использует менее 200 МБ при установке.

https://dev-gang.ru/article/visual-studio-code-moscznoe-rukovodstvo-polzovatelja-dwedy9wjzg/

#CSS-полоса прокрутки с индикатором прогресса

Полосы прокрутки являются естественными индикаторами прогресса. Насколько полоса прокручена вниз или в сторону - это прогресс, достигнутый при прокрутке этого элемента (часто всей страницы). Но они больше похожи на индикаторы прогресса, чем на метры, если вы думаете о метре как о чем-то, что «заполняется» на ходу.

https://dev-gang.ru/article/css-polosa-prokrutki-s-indikatorom-progressa-i4dv93ujwv/

Все об auto в #CSS

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

https://dev-gang.ru/article/vse-ob-avto-v-css-19g19b8hzy/

Переполнение в #CSS

В CSS мы можем контролировать элемент, когда его содержимое слишком велико, чтобы уместиться. Свойство для этого- overflow , которое является сокращением для свойств overflow-x и overflow-y .

В этой статье я познакомлю вас с этими свойствами, а затем мы вместе рассмотрим некоторые концепции и варианты использования, связанные с переполнением.

https://dev-gang.ru/article/perepolnenie-v-css-5bsmit5h4e/

Шаблон #CSS Grid в действии

С тех пор, как CSS #Grid стал поддерживаться в основных браузерах еще в марте 2017 года (почти три года назад), я начал использовать его в своих личных и клиентских проектах, конечно, с подходящим запасным вариантом для не поддерживающих браузеров. Я также сделал инструмент под названием grid-to-flex, который генерирует запасной вариант flexbox для сетки.

https://dev-gang.ru/article/shablon-css-grid-v-deistvii-bd68svj810/

Можем ли мы забыть о геймификации раз и навсегда?

Если бы я получал доллар каждый раз, когда слышал о геймификации на встрече с клиентом, я был бы богатым. Очень богатым. И самое смешное, я не работаю над потребительскими приложениями. Я обычно работаю с большими (или потенциально большими) системами, ориентированными на корпоративных клиентов. Независимо от цели, 80% первоначальных встреч или планов включают слово, которое заставляет меня заткнуться: святая «игрофикация».

https://dev-gang.ru/article/mozhem-li-my-zabyt-o-geimifikacii-raz-i-navsegda-9889e25mc0/

#Дизайн кнопок - серия компонентов пользовательского интерфейса

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

https://dev-gang.ru/article/dizain-knopok-serija-komponentov-polzovatelskogo-interfeisa-wl65ilny5l/

10 заповедей для #дизайна пользовательского интерфейса

Принципы проектирования, которые часто упускаются.

https://dev-gang.ru/article/10-zapovedei-dlja-dizaina-polzovatelskogo-interfeisa-jk5h6tx6vg/