Вышла интересная статья на Хабре: «TAMA-90: тамагочи из 90-х своими руками на JavaScript»!

В этой статье:
• Показывается, как создать современную версию тамагочи на чистом JavaScript без фреймворков и сторонних библиотек;
• Разбирается архитектура проекта, работа с Canvas, localStorage, игровой логикой, случайными событиями и мини-играми;
• Объясняется, как программно рисовать пиксельных питомцев, организовать сохранения, коллекцию персонажей и систему развития без готовых спрайтов.

🔊 Продолжайте читать на Habr!

📣 Code Ready | #статья

🐙 Text Extract API – инструмент для преобразования картинок, pdf-файлов и других документов в формат Markdown или JSON. Работает с табличными данными, числами и математическими формулами, использует FastAPI.

Сайтодел | #репозиторий #github

🐙 Logocreator – генератор логотипов с открытым исходным кодом. Собрать логотип можно как конструктор: выбрать нужные детали и настроить стили.

Сайтодел | #репозиторий #github

💾 Slider Parallax Effect – эффект перелистывания страниц. Чтобы перейти к другому элементу, нужно потянуть экран курсором влево или вправо.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Modern-Retro Beverage Brand"

HEX | RGB
#E2E6E7 | rgb(226, 230, 231)
#CE9D65 | rgb(206, 157, 101)
#1A2D33 | rgb(26, 45, 51)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

Две возможности повлиять на программу TeamLead Conf 2026!

🟣 11 августа в 19:00 (мск) пройдет онлайн-встреча с Программным комитетом

Обсудим:
— по каким признакам отбирают заявки;
— чем хорошая заявка отличается от сильного доклада;
— какие ошибки приводят к отказу;
— как новичку вырасти в уверенного спикера;
— что важно учесть при подготовке.

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

👉 Зарегистрироваться на встречу

🟣 Какие задачи сейчас требуют вашего внимания?

Мы собираем программу TeamLead Conf 2026 и хотим учесть темы, которые действительно важны руководителям.

Пройдите небольшой опрос — это займёт не больше 5 минут. Ответы помогут сделать программу более актуальной и прикладной.

Всем участникам отправим подборку топовых выступлений Saint TeamLead Conf 2026.

👉 Пройти опрос
#реклама
О рекламодателе

😎 Интроверты

⚔️ Пятница, с добрым утром!

👩‍💻 Правильный способ расшифровать аббревиатуры!

Тег <abbr> используется для обозначения аббревиатур и сокращений. Благодаря атрибуту title можно указать их полную расшифровку, которую браузер обычно показывает при наведении курсора.

Чаще всего <abbr> используют для:
• технических терминов (HTML, CSS, API);
• названий организаций;
• единиц измерения;
• общепринятых сокращений.

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

📣 Code Ready | #атрибут

💾 Text – эффект, который делит текстовую строку на части и помещает в сетку из прямоугольных областей. Буквы могут переворачиваться и менять размер.

Сайтодел | #сниппет #css

⚡ Дефицит пресной воды становится одной из главных проблем XXI века.

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

🟢 Молдова объявила 30-дневную гидрологическую тревогу — уровень воды в Днестровском водохранилище упал до 113,24 м при норме 121 м.

🟢 Нидерланды впервые официально ввели режим дефицита воды. Из-за жары, засухи и рекордно низкого уровня рек власти уже ограничивают полив и решают, кому отдавать воду в первую очередь: людям, сельскому хозяйству, промышленности или природе.

🟢 По оценкам экспертов, около половины населения Земли сталкивается с нехваткой пресной воды хотя бы несколько месяцев в году, а мировой спрос продолжает расти.

🟢 Каждый год планета теряет около 324 млрд кубометров пресной воды — этого объема хватило бы почти 280 миллионам человек на целый год.

🟢 По прогнозу Еврокомиссии, уже к 2030 году мировой спрос на пресную воду может превысить объемы ее доступного предложения на 40%.

Опять спойлеры...

🖥 Weather Glitch App – необычный дизайн мобильного приложения для погоды. Его основа – произвольные линии из текста и иконок, геометрические фигуры и цветные блики.

Сайтодел | #макет #figma

💾 Ball – сфера в виде мяча с линиями из букв. Вращать фигуру можно только за специальную круглую кнопку.

Сайтодел | #сниппет #css

💾 Outlined Mobile Cards – карточки, которые в активном режиме становятся яркими. У каждой из них появляется цветная рамка с размытой полупрозрачной подсветкой.

Сайтодел | #сниппет #css

💾 A Garden – анимированная заставка с "живыми" цветами. Картинка двигается сама по себе и не реагирует на курсор.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Restaurant Reversion App"

HEX | RGB
#EDEDE5 | rgb(237, 237, 229)
#F27BF1 | rgb(242, 123, 241)
#8D8CF4 | rgb(141, 140, 244)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🖥 Food Catering Service App – дизайн приложения для ресторана, выполненный в светлых оттенках салатового. Впечатление от дизайна - легкость, натуральность и забота о клиентах.

Сайтодел | #макет #figma

✍️ Luckiest Guy – жирный шрифт без засечек, созданный в стиле текстов американской рекламы 1950-х годов. Пример можно увидеть на обратной стороне карточки в сниппете Legally Distinct Pocket Pet

Сайтодел | #шрифт

💀 Они отжали последний копеечный фриланс...

С добрым утром, хорошего дня! 😎

🤔 Путь HTML/CSS — полезный ресурс для изучения верстки!

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

Оставляю ссылочку: GitHub 📱

📣 Code Ready | #репозиторий