Храним собственные данные прямо в HTML с помощью data-*!
Дата-атрибут — это пользовательский атрибут на HTML-элементе, название которого начинается с
После data- указывается произвольное имя, описывающее значение:
• data-id — идентификатор объекта;
• data-theme — тема оформления;
• data-status — состояние элемента;
• data-user-id — идентификатор пользователя.
📣 Code Ready | #атрибут
Дата-атрибут — это пользовательский атрибут на HTML-элементе, название которого начинается с
data-. Это встроенная возможность стандарта HTML5. В дата-атрибутах можно хранить дополнительную информацию в стандартных HTML-элементах и работать с этой информацией в JS при помощи собственного API.После data- указывается произвольное имя, описывающее значение:
• data-id — идентификатор объекта;
• data-theme — тема оформления;
• data-status — состояние элемента;
• data-user-id — идентификатор пользователя.
data-* полезен, когда элементу нужно передать дополнительные данные для поведения интерфейса, не отображая их пользователю.📣 Code Ready | #атрибут
🎨 Цветовая палитра макета "Car Service":
Сайтодел | #палитра
HEX | RGB #C1C1C1 | rgb(193,193,193)#FF011D | rgb(255,1,29)#1E1E1E | rgb(30,30,30)
⚠️ Цвет копируется одним кликом!Сайтодел | #палитра
Если постоянно пишешь тексты, посты или контент-планы — забери готовый набор промптов, чтобы не начинать каждый раз с нуля.
В канале PROMPTO собрали 30 промптов для контента: посты, заголовки, сценарии, контент-план. Просто копируешь под свою задачу. Плюс разборы новых нейросетей и подборки сервисов.
Набор лежит в закрепе — заходи и забирай:
→ @promt_lib
В канале PROMPTO собрали 30 промптов для контента: посты, заголовки, сценарии, контент-план. Просто копируешь под свою задачу. Плюс разборы новых нейросетей и подборки сервисов.
Набор лежит в закрепе — заходи и забирай:
→ @promt_lib
💾 Interactive Wheel Menu – меню, которое появляется при нажатии на экран. Оно исчезает, если экран перестать удерживать.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
🐙 ESBuild – быстрый сборщик для веб-приложений, который поддерживает JavaScript, CSS, TypeScript, и JSX. Инструмент использует технологию tree-shaking для большей производительности.
Сайтодел | #репозиторий #github
Сайтодел | #репозиторий #github
💾 Interactive Wheel Menu – меню, которое появляется при нажатии на экран. Оно исчезает, если экран перестать удерживать.
Сайтодел | #сниппет #css
Сайтодел | #сниппет #css
🤖 Робот официально обогнал человека в беге
Гуманоид от Unitree разогнался до 12,66 м/с, превзойдя лучший результат Усейна Болта — 12,42 м/с.
Но, есть нюанс... функцию нормального торможения инженеры пока не завезли 😅
С добрым утром!
Гуманоид от Unitree разогнался до 12,66 м/с, превзойдя лучший результат Усейна Болта — 12,42 м/с.
Но, есть нюанс... функцию нормального торможения инженеры пока не завезли 😅
С добрым утром!
DeepSeek открыла исходный код полноценного агентного фреймворка для программирования, который бесплатно может заменить тариф Claude Code за $200 в месяц.
→ Здесь всё построено на плагинах: адаптеры моделей, инструменты, журналы сессий и сам цикл агента можно менять через конфигурацию.
→ В основе лежит Cordis — собственная среда плагинов DeepSeek.
→ Локальный веб-интерфейс запускается одной командой:
→ В репозитории есть полноценная документация по архитектуре и AGENTS.md, написанный специально для того, чтобы агенты сами могли разбираться в кодовой базе.
→ TypeScript, лицензия MIT, пока статус developer preview — ожидаются несовместимые изменения.
https://github.com/deepseek-ai/deepseek-harness
→ Здесь всё построено на плагинах: адаптеры моделей, инструменты, журналы сессий и сам цикл агента можно менять через конфигурацию.
→ В основе лежит Cordis — собственная среда плагинов DeepSeek.
→ Локальный веб-интерфейс запускается одной командой:
npx @deepseek-ai/dsh web
→ В репозитории есть полноценная документация по архитектуре и AGENTS.md, написанный специально для того, чтобы агенты сами могли разбираться в кодовой базе.
→ TypeScript, лицензия MIT, пока статус developer preview — ожидаются несовместимые изменения.
https://github.com/deepseek-ai/deepseek-harness
GitHub
GitHub - deepseek-ai/deepseek-harness: DeepSeek Harness: Everything is a Plugin.
DeepSeek Harness: Everything is a Plugin. Contribute to deepseek-ai/deepseek-harness development by creating an account on GitHub.
📱 Intersection Observer API — отслеживание видимости элементов!
📣 Code Ready | #шпора
В этой шпаргалке собраны основные методы и свойства Intersection Observer API для асинхронного отслеживания пересечения элементов с viewport или заданным root. Здесь показано, как подключать и отключать наблюдение, определять факт и степень пересечения, получать геометрию элемента, области пересечения и root, а также применять observer для lazy loading, аналитики и UI-эффектов.📣 Code Ready | #шпора
🐙 Emojihub – это API, который позволяет получить полный список эмодзи из определенной категории или группы. Всего в базе 1791 объект, а данные хранятся в объектах JSON с HTML-кодами для вставки в веб-приложения.
Сайтодел | #репозиторий #github
Сайтодел | #репозиторий #github
🎮 Чувак бросил университет ради World of Warcraft — и к 27 годам стал миллионером.
Всё началось ещё в подростковом возрасте. В 17 лет начал зарабатывать в World of Warcraft на прокачке персонажей и продаже внутриигровых услуг. Всего за пару ночей получая столько же, сколько зарабатывал за месяц на обычной подработке.
После этого идея строить карьеру в традиционном формате стала казаться ему всё менее привлекательной.
🙏 Чел даже ушёл из университета, чем серьёзно разозлил отца. Семья считала, что он губит своё будущее, однако парень был уверен, что рынок игровых услуг будет только расти.
Ставка сыграла.
Вместе с партнёрами они запустил площадку, где игроки могут заказывать прокачку, обучение и другие игровые сервисы. Со временем проект превратился из небольшой идеи для геймеров в международный бизнес.
📈 К 27 годам пацаны стали миллионерами, история настолько привлекла внимание, что о ней написал Business Insider.
Мам, ещё один рейд — это инвестиция в будущее 😎
Всё началось ещё в подростковом возрасте. В 17 лет начал зарабатывать в World of Warcraft на прокачке персонажей и продаже внутриигровых услуг. Всего за пару ночей получая столько же, сколько зарабатывал за месяц на обычной подработке.
После этого идея строить карьеру в традиционном формате стала казаться ему всё менее привлекательной.
🙏 Чел даже ушёл из университета, чем серьёзно разозлил отца. Семья считала, что он губит своё будущее, однако парень был уверен, что рынок игровых услуг будет только расти.
Ставка сыграла.
Вместе с партнёрами они запустил площадку, где игроки могут заказывать прокачку, обучение и другие игровые сервисы. Со временем проект превратился из небольшой идеи для геймеров в международный бизнес.
📈 К 27 годам пацаны стали миллионерами, история настолько привлекла внимание, что о ней написал Business Insider.
Мам, ещё один рейд — это инвестиция в будущее 😎
👩💻 Всем программистам посвящается!
Вот 14 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Python — t.me/python_ready
🤔 InfoSec & Хакинг — t.me/hacking_ready
🖥 SQL & Базы Данных — t.me/sql_ready
👩💻 IT Новости — t.me/it_ready
🤖 AI & ML — t.me/neuro_ready
👩💻 Frontend — t.me/frontend_ready
👩💻 C/C++ — https://t.me/cpp_ready
👩💻 C# & Unity — t.me/csharp_ready
👩💻 Linux — t.me/linux_ready
👩💻 Java — t.me/java_ready
📖 IT Книги — t.me/books_ready
📱 JavaScript — t.me/javascript_ready
🖼️ DevOps — t.me/devops_ready
🖥 Design — t.me/design_ready
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
Вот 14 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Python — t.me/python_ready
🤔 InfoSec & Хакинг — t.me/hacking_ready
🖥 SQL & Базы Данных — t.me/sql_ready
👩💻 IT Новости — t.me/it_ready
🤖 AI & ML — t.me/neuro_ready
👩💻 Frontend — t.me/frontend_ready
👩💻 C/C++ — https://t.me/cpp_ready
👩💻 C# & Unity — t.me/csharp_ready
👩💻 Linux — t.me/linux_ready
👩💻 Java — t.me/java_ready
📖 IT Книги — t.me/books_ready
📱 JavaScript — t.me/javascript_ready
🖼️ DevOps — t.me/devops_ready
🖥 Design — t.me/design_ready
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
👩💻 Всем программистам посвящается!
Вот 14 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Python — t.me/python_ready
🤔 InfoSec & Хакинг — t.me/hacking_ready
🖥 SQL & Базы Данных — t.me/sql_ready
👩💻 IT Новости — t.me/it_ready
🤖 AI & ML — t.me/neuro_ready
👩💻 Frontend — t.me/frontend_ready
👩💻 C/C++ — https://t.me/cpp_ready
👩💻 C# & Unity — t.me/csharp_ready
👩💻 Linux — t.me/linux_ready
👩💻 Java — t.me/java_ready
📖 IT Книги — t.me/books_ready
📱 JavaScript — t.me/javascript_ready
🖼️ DevOps — t.me/devops_ready
🖥 Design — t.me/design_ready
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
Вот 14 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
👩💻 Python — t.me/python_ready
🤔 InfoSec & Хакинг — t.me/hacking_ready
🖥 SQL & Базы Данных — t.me/sql_ready
👩💻 IT Новости — t.me/it_ready
🤖 AI & ML — t.me/neuro_ready
👩💻 Frontend — t.me/frontend_ready
👩💻 C/C++ — https://t.me/cpp_ready
👩💻 C# & Unity — t.me/csharp_ready
👩💻 Linux — t.me/linux_ready
👩💻 Java — t.me/java_ready
📖 IT Книги — t.me/books_ready
📱 JavaScript — t.me/javascript_ready
🖼️ DevOps — t.me/devops_ready
🖥 Design — t.me/design_ready
📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
This media is not supported in your browser
VIEW IN TELEGRAM
Сайтодел | GitHub, Верстка, Сайты, FullStack (Telegram)
💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.
Сайтодел | #сниппет #css
💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.
Сайтодел | #сниппет #css
Сайтодел | GitHub, Верстка, Сайты, FullStack (Telegram)
🎨 Цветовая палитра макета "Foodee Mobile App Interface":
Сайтодел | #палитра
🎨 Цветовая палитра макета "Foodee Mobile App Interface":
HEX | RGB #FECC87 | rgb(254,204,135)#F28582 | rgb(242,133,130)#689984 | rgb(104,153,132)
⚠️ Цвет копируется одним кликом!Сайтодел | #палитра