Новый проект от создателя «невозможного» чекбокса — «невозможная» лампочка. Теперь вредный медведь будет мешать вам включить лампочку в комнате. Следуя заветам прошлой части, здесь тоже присутствует звук. Также проект примечателен использованием библиотеки 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

​​CardInfo.js

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

Со всеми возможностями можно ознакомиться здесь:

https://tprg.ru/kPl5

#фронтенд #javascript

Monument Valley 2 in CSS

CodePen — просто кладезь интересных проектов.

Вот один из примеров — имитация игры «Monument Valley II», написанная на HTML и CSS. JavaScript тут нет, поэтому поиграть не получится, но тем не менее, проект интересен с точки зрения возможностей CSS.

Изучить код можно тут:

https://tprg.ru/xUCu

#фронтенд

​Основные команды SQL, которые должен знать каждый программист

Рассмотрим основные команды, элементы запросов, агрегатные функции и вложенные подзапросы. Для наглядных примеров работаем с MySQL:

https://tprg.ru/kDEu

#бэкенд #sql

Требует жертв красота... и Internet Explorer

​CSS Flexbox в гифках

Устали бороться с выравниванием элементов? CSS Flexbox поможет играючи справиться с вёрсткой сложных гибких макетов.

О том, как работает Flexbox, вы сможете узнать из нашего гайда с понятными анимированными примерами:

https://tprg.ru/sKnt

#фронтенд #css

Все дороги ведут в Москву! Или нет?

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

Однако мнения в команде относительно удобства удалёнки и офиса разделились, и нам стало интересно, а что вы думаете? Опрос получился замороченным, но зато покрывает все варианты, а если вашего варианта всё-таки нет — пишите в комменты.