Давайте хоть притворимся, что нам грустно 🌚

UPD: И как теперь скачивать хром? 🤔

​Вышло крупное обновление Create React App 5.0

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

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

https://tprg.ru/uCzG

#react

​UX способа оплаты: как разработать селектор платежей

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

Как сделать качественный селектор платежей, узнаете тут:

https://tprg.ru/Gb19

#фронтенд #дизайн

​Когда фронтенд готов раньше бэкенда:

Накорми Мир!

Забавный codepen-проект, предлагающий в буквальном смысле накормить Мир. Вам нужно перетягивать еду прямо в рот Земле, как бы странно это ни звучало.

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

Попробовать можно тут:

https://tprg.ru/Kwkq

#codepen

​10 вещей, которые можно делать в вёрстке с помощью ::before и ::after

Псевдоэлементы — мощный инструмент для создания дополнительной стилизации элементов без лишнего нагромождения DIV'ов. Использовать псевдоэлементы ::before и ::after можно для самых разных целей.

Подробнее о целях и способах их достижения читайте в статье:

https://tprg.ru/NajF

#фронтенд #css

​Глитч-эффект в тексте в чистом CSS

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

https://tprg.ru/N3t4

#css

Ля, оказывается у каждого производителя VR шлемов по сути есть свой SDK.
И если делаешь игру под SDK Oculus, скажем, то она не будет работать под шлем Valve Index или HTC Vive 🌚

Благо есть такие штуки, как OpenXR и SteamVR.
Объединяющие все SDK под одну большую API.

Новогодняя игра «Помощник Санты»

Забавный новогодний codepen-проект. Это игра, где вам необходимо помогать Санте перебираться с дымохода на дымоход, для этого вы должны с помощью долгого клика построить мост.

Попробовать сыграть и посмотреть код можно тут:

https://tprg.ru/TCgW

#codepen

​Подборки полезной информации для программистов:

Тематические каналы:
— разработка на Java: @a_cup_of_java
— машинное обучение и нейросети: @neuro_channel
— задачки и вопросы по Python: @quiz_python

Каналы-коллекции:
— книги по программированию: @devs_books
— инструменты программиста: @prog_tools
— курсы, лекции, подкасты по программированию: @prog_stuff

Восход солнца на CSS

Эта красивая анимация восхода солнца создана без использования JavaScript. Всё нарисовано с помощью HTML и CSS.

Посмотреть код можно тут:

https://tprg.ru/ine9

#codepen

Мне кажется, выбор очевиден 🌚

​Как JavaScript-разработчики могут использовать конечные автоматы в своих проектах

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

Простейший пример использования — персонаж в игре, который может либо стоять, либо идти, бежать или прыгать.

А вот как использовать конечные автоматы в веб-разработке, узнаете тут:

https://tprg.ru/98xE

#javascript

​Добавление пользовательской темы для фронтенд-приложений

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

https://tprg.ru/8qFh

#фронтенд

Hackerlar qanday qilib parollarni o'g'irlaydi. Hacking uchun dasturlash kerakmi?
Anchadan beri youtubega video olmay qo'ygan edim. Bu videodagi suhbatimiz sizga manzur bo'ladi deb o'ylayman. Savollaringiz bo'lsa tayyorlab qo'yavering. Jonli efirda youtube orqali javob berishga harakat qilaman.

Youtube: https://youtu.be/X1T7tGVu6F0

@saudabdulwahed

Instagram | Twitter

​Веб-альманах 2021

Недавно был опубликован веб-альманах этого года — отчёт о вебе, который основан на проверенных данных и выпускается разработчиками HTTP Archive. Мы собрали наиболее интересные факты из него специально для вас.

Как развиваются HTML, CSS и JS можете прочитать здесь:

https://tprg.ru/K3PV

Yangi, 2022-yil muborak bo'lsin!

Ushbu yilda o'ylab qo'ygan niyatlaringiz, yilning birinchi oyidayoq amalga oshsin!

@kadirovDev
MyBlog.uz | Instagram | YouTube | Vk.com

​Пример использования WebAssembly-модуля, скомпилированного из Rust, в React-приложении

Автор поделился собственным способом создания модуля WebAssembly, созданного на языке Rust. Особенно эта статья будет полезна тем, кто как и автор не владеет Rust, но хочет расширить собственные знания.

https://tprg.ru/JvwR

#webassembly #react

​Превращаем устанавливаемые сайты в настоящие приложения

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

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

О том, как это сделать, узнаете в статье:

https://tprg.ru/E7Uc

#pwa

Новогодняя ёлка

Продолжаем тему новогодних проектов на CodePen. На этот раз у нас красивая анимация svg-ёлки, сделанная с помощью JavaScript-библиотеки GSAP.

Изучить подробнее можно тут:

https://tprg.ru/RP5T

#codepen