Все об 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/

Оптимизация #SQL в #PostgreSQL: IN против EXISTS против ANY / ALL против JOIN

Это один из наиболее распространенных вопросов, задаваемых разработчиками, которые пишут SQL-запросы к базе данных PostgreSQL. Существует несколько способов, которыми подвыбор или поиск могут быть вставлены в оператор SQL. Оптимизатор PostgreSQL очень умен в оптимизации запросов, и многие запросы могут быть переписаны / преобразованы для повышения производительности.

https://dev-gang.ru/article/optimizacija-sql-v-postgresql-in-protiv-exists-protiv-any--all-protiv-join-lztmgue44t/

Кто сдвинул мою кнопку? 🧀

Все противятся переменам. Даже к хорошим видам. Как мы берем с собой наших пользователей, когда изменения в цифровых продуктах, которые мы создаем, неизбежны?
https://dev-gang.ru/article/kto-sdvinul-mou-knopku--dx94w1rrrz/

Как быть полезным в качестве #UX-дизайнера в пандемии

Говорят - в трудные времена вы видите, кто ваши настоящие друзья.
Вы также видите, насколько бизнес ценит вашу работу.
И это не очень хорошо смотрится для UX-дизайнеров.
https://dev-gang.ru/article/kak-byt-poleznym-v-kaczestve-ux-dizainera-v-pandemii-phqxsgye9p/

Техника отображения изображений в Интернете

Одним из решений, которое необходимо сделать #frontend разработчику при создании веб-сайта, является метод включения изображения. Это может быть #HTML img , или изображение через фоны #CSS, или, может быть, SVG image . Выбор правильной техники важен и может сыграть огромную роль в производительности и доступности.

https://dev-gang.ru/article/tehniki-izobrazhenii-v-internete-a1dbds2wzm/

Превратите #REST API в #GraphQL

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

Это пошаговое руководство по превращению одной конечной точки REST в GraphQL. Как только вы можете сделать один, вы можете сделать больше 😀

https://dev-gang.ru/article/prevratite-rest-api-v-graphql-xs0zsuj1ft/

Использование Array.Reduce для упрощения проверки объектов в #JavaScript

Проверка объектов в JavaScript может быть утомительной, если у вас нет хорошей платформы. В этом посте мы будем использовать метод Array.reduce, чтобы валидация объекта выглядела как удовольствие!

https://dev-gang.ru/article/ispolzovanie-arrayreduce-dlja-uprosczenija-proverki-obektov-v-javascript-05oi4kqbbe/

Как CSS разрешает конфликты: каскадирование

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

https://dev-gang.ru/article/kak-css-razreshaet-konflikty-kaskadirovanie-4njc6wlt65/

Как #CSS разрешает конфликты: правило специфичности

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

https://dev-gang.ru/article/kak-css-razreshaet-konflikty-pravilo-specificznosti-kkewlonlnx/

Все, что вам нужно знать о #react-scripts

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

https://dev-gang.ru/article/vse-czto-vam-nuzhno-znat-o-react-scripts-32dao092hu/

Angular 9 для начинающих - Компоненты и строковая интерполяция

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

https://dev-gang.ru/article/angular-9-dlja-naczinausczih-komponenty-i-strokovaja-interpoljacija-5vioqfkyax/

#MongoDB #Compass теперь бесплатно для всех!

Еще в сентябре мы объявили, что исходный код Compass стал доступным на Github под SSPL и сделали его бесплатным для всех пользователей.

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

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

https://dev-gang.ru/article/mongodb-compass-teper-besplatno-dlja-vseh-djrmwojc93/

Переключатель цветовой темы 

https://dev-gang.ru/article/perekluczatel-cvetovoi-temy-99we0jcpxm/?utm_medium=rss
В прошлом году боги дизайна решили, что темные моды станут новым трендом. «Светлые цвета для лохов», - смеялись они, попивая мятный чай на своих электро-велосипедах или что-то в этом роде.

Подводные камни чрезмерного использования контекста React

https://dev-gang.ru/article/podvodnye-kamni-czrezmernogo-ispolzovanija-konteksta-react-zqyqy1ltyn/?utm_medium=rss
По большей части, React и State идут рука об руку. По мере роста вашего приложения React управление состоянием становится все более и более важным.

Управление состоянием с помощью Unstated Next

https://dev-gang.ru/article/upravlenie-sostojaniem-s-pomosczu-unstated-next-499jqv1vcm/?utm_medium=rss
Состояние является основополагающей частью приложений React, что означает, что управление состоянием чрезвычайно важно. С момента появления Context API, а затем и хуков управление состоянием было относительно простым, поскольку Context API помогает нам избавиться от стресса, связанного с использованием Redux.

Должен ли я использовать делегирование событий в React?

https://dev-gang.ru/article/dolzhen-li-ja-ispolzovat-delegirovanie-sobytii-v-react-b3oxah39q2/?utm_medium=rss
Делегирование событий - это метод оптимизации производительности в мире Javascript. Допустим, у вас есть неупорядоченный список  <ul> с 1000 элементами списка, и вы хотите что-то делать при каждом нажатии элемента списка. При подходе делегирования событий вместо добавления одного прослушивателя событий для каждого из дочерних элементов вы добавляете только 1 прослушиватель событий к родительскому элементу  <ul> . Это аккуратный подход.