Накорми Мир!

Забавный 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

​​Настройка VSCode и Dev Tools

Лекция, посвящённая популярному редактору кода VSCode. Здесь вы научитесь настраивать его под собственные нужды, познакомитесь с полезными плагинами, которые ещё больше упростят работу с редактором, а также научитесь работать с Dev Tools.

Посмотреть лекцию можно тут:

https://tprg.ru/2QVj

#видео

Kulguli paradoks

Yaqindagina xususiy mulkka "tupurib" qo'ygan odam bugun "xususiy mulkka sakrama", deb post joylabdi.

Vaholanki u o'sha postida keltirgan mashina suratdagi ikki kishiga ham tegishli emas edi.

Bu kabi insonlarda subut yo'q. Ateistsifatligi yetmaganidek, Islomga ham g'arazi bor.

Darvin nazariyasini inkor qilgan odamni "chalamulla, ko'rmurid" deb hissiyot bilan o'ynashgisi keladi.

Hissiyot nima ekanligini bildirish uchun aytaman, agar sen va sen kabilarga "maymunning bolasisan", desa hamiyating qanday kelsa (agar hamiyat bo'lsa, albatta) chin musulmon uchun ular shak-shubhasiz ishongan narsani yo'lg'onga chiqarish ham xuddi shunday.

Hissiyot bilan o'ynashgani mayli, hech yo'q tuzukroq ilmiy saviya ham yo'q bularda. Sababini Anvar Nazrulloh aka izohlaydilar:

———
Али Каххоров va tentakminds quyidagi diagrammani Darvin chizgan deb himoya qilib oʻtirishibdi.

O'zicha "progressiv", yaqindan qarasang chalasavod. Na dindan na dunyoviy ilmdan xabari bor, islomofob.

O'sha chizilgan rasm islomga ham, ilm-fanga ham qarshi. Evolyutsiya bunday kechmagani fanda ming bor isbotlangan. Darvin ham bu gapni aytmagan.

Musulmonlar evolyutsiyaga qarshi emas, lekin bizdagi ilmsiz islomofob-kofirlar talqin qiladigan "odam maymundan tarqagan" degan nazariya hech qaysi biolog tomonidan tan olinmagan.

Mana, haqiqiy biologni o'sha diagramma haqida gapini eshitinglar (video).

​Анимация неонового свечения на CSS

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

https://tprg.ru/REeI

#видео #css

​Как использовать Redux для управления состоянием в масштабе всего приложения

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

Подробности:

https://tprg.ru/UEG4

#react #redux