​Заказчик: Разве я желаю невозможного?
Желание заказчика:

Шпаргалка по командам Docker

Здесь все нужные команды собраны в одном месте — реестры и репозитории Docker, запуск и установка контейнеров, получение информации о контейнерах, управление образами и многое другое:

https://tprg.ru/FoMZ

#devops #docker

​Что такое доступность сайта и как её проверить

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

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

Как повысить доступность сайта и проверить её с помощью Chrome DevTools — читайте в нашей статье:

https://tprg.ru/6HLp

#фронтенд

CSS Filter Editor

Полезный инструмент для редактирования изображения средствами CSS.

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

Воспользоваться редактором или изучить код проекта можно по ссылке:

https://tprg.ru/pZk9

#фронтенд #css

​Когда пытаешься центрировать блоки, используя фреймворк без чтения документации:

​Дорожная карта React-разработчика

Хотите знать, как стать React-разработчиком в 2021? Держите дорожную карту, которая собрала must-have темы и инструменты:

https://tprg.ru/rMBs

#фронтенд #react

CSS clip-path Editor

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

https://tprg.ru/sKF5

#фронтенд #css

Новый проект от создателя «невозможного» чекбокса — «невозможная» лампочка. Теперь вредный медведь будет мешать вам включить лампочку в комнате. Следуя заветам прошлой части, здесь тоже присутствует звук. Также проект примечателен использованием библиотеки GSAP.

Попытаться включить лампочку или посмотреть код можно на странице проекта в CodePen:

https://codepen.io/jh3y/pen/dyXBKog

#фронтенд

10 инструментов ReactJS для повышения навыков веб-разработки

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

В этой подборке 10 таких инструментов, в частности React Sight, React Belle, Evergreen и другие:

https://tprg.ru/z1NB

#javascript #react

​ПМ: У нас между бэком и фронтом полное взаимопонимание
Бэк и фронт:

​Состоялся релиз Storybook 6.1

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

В новой версии Storybook появились:
— быстрый поиск и навигация;
— асинхронные загрузки;
— строгий режим;
— и многое другое.

Подробнее обо всех изменениях и нововведениях можно прочитать в этой статье:
https://tprg.ru/JdI2

#фронтенд

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

В этой статье вы узнаете, как можно выровнять текст на сайте в форме круга, используя только современные возможности CSS:

https://tprg.ru/jZyf

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

#фронтенд #css

10 антипаттернов деплоя в Kubernetes: распространённые практики, для которых есть другие решения

Существуют уже устоявшиеся методы развёртывания Kubernetes — это и размещение файлов конфигурации внутри/рядом с образом Docker, и деплой приложения в определённом порядке, и так далее.

Все они имеют право на жизнь, однако в этой статье вам предлагается взглянуть на альтернативные варианты работы с Kubernetes:

https://tprg.ru/7FfI

#devops #kubernetes

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

Подключайтесь: @mobi_dev

​Когда пытаешься сделать сайт максимально адаптивным:

​Сегодня стартует Chrome Dev Summit

Трансляция первого доклада «Chrome и Веб в 2020» начнётся в 20:30 по московскому времени.

Всего на два дня запланировано 26 выступлений — по 13 каждый день.

Трансляция доступна тут:
https://www.youtube.com/watch?v=NkIi7h8NnS4

Посмотреть подробную программу саммита можно тут:
https://developer.chrome.com/devsummit/schedule/

DevOps-дайджест

На нашем сайте появился полезный дайджест, в котором вы сможете найти полезные статьи о RedHats, Kubernetes и современных DevOps и SRE технологиях, а также интересные подкасты на разные темы:

https://tprg.ru/lK1B

#devops

Вышла новая версия Kubernetes 1.20

Состоялось последнее в этом году обновление Kubernetes.

Новая версия получила множество нововведений:
— Docker как deprecated;
— kubelet научили учитывать таймаут для вызова проб;
— функция создания/восстановления снапшотов томов для CSI-драйверов (KEP-177) стала стабильной;
— пополнение в метриках;
— и многое другое.

Подробнее обо всех изменениях можно прочитать здесь:

https://tprg.ru/rhds

#devops #kubernetes

​10 полезных расширений Google Chrome для разработчиков и дизайнеров

Чтобы не сойти с ума от Pixel Perfect и не запутаться в обилии шрифтов в макете, создано немало полезных расширений, которые делают вёрстку сайта приятнее и проще.

В этой подборке мы собрали действительно полезные расширения, которые упростят подбор цветов и шрифтов, настройку CSS, проверку доступности сайта и многое другое:

https://tprg.ru/NrtU

#фронтенд

​Когда включил watch mode в Webpack:

​Изучение Vue.js в 2021 году: дорожная карта разработчика

Одной теорией сыт не будешь, поэтому мы дополнили гайд ссылками на полезные инструменты, небольшим примером с проверкой типов и видео-туториалом по разработке приложения с полным функционалом из Vuex:

https://tprg.ru/DhzB

#фронтенд #vue