Aliyev's channel

CSS контейнер в 3 строки, без единого media query: .container { width: min(1160px, 100% - 30px); margin-inline: auto; } @thisisaliyev_channel

CSS только что убил ещё одну JavaScript-библиотеку. CSS Grid Lanes, он же Masonry, уже здесь. И самое неожиданное — первой поддержку получила Safari 26.4+. Вот и всё, что теперь нужно. ▼ Больше никакого Masonry.js, хрупких костылей на Flexbox и ручного расчёта позиций в JavaScript. Чистый CSS нативно собирает классическую раскладку в стиле Pinterest или «водопада». В Chrome, Edge и Firefox поддержка пока доступна только за флагом. @thisisaliyev_channel

Этот жидкий эффект для интерфейсов выглядит почти гипнотически. На вид как магия, но его можно использовать вполне практично — для кнопок, меню и других компонентов в приложениях и на сайтах. Попробовать можно здесь: https://gooey.jakubantalik.com @thisisaliyev_channel

🔜 TexnoNova Hackathon Farg‘onaga kelmoqda! Texnologiya, dasturlash va startaplarga qiziqasizmi? Unda bu imkoniyat siz uchun! 20-avgust kuni Farg‘ona Digital Hub’da yosh dasturchilar, dizaynerlar, innovatorlar va texnologiya ishqibozlarini birlashtiradigan TexnoNova Hackathon bo‘lib o‘tadi. 🚀 Sizni nimalar kutmoqda? • G‘oyangizni haqiqiy loyihaga aylantirish • Dasturlash va muammo yechish ko‘nikmalarini rivojlantirish • Networking va yangi jamoalar bilan tanishish • Bilim va g‘oyalaringizni namoyish qilish • Ishtirok sertifikati 🌱 Bu yilgi treklar: • Environment • Green Energy • Smart City 🥇 Mukofotlar: sertifikatlar, qimmatbaho sovg‘alar va pul yutuqlari! 👥 Jamoa: 2–5 kishilik 🗓 Sana: 20-avgust 📍 Manzil: Fergana Digital Hub 🔗 Ro‘yxatdan o‘tish: BU YERDA G‘oyangizni loyihaga aylantirishga tayyormisiz? 🚀

Разраб сделал интерактивный мануал, который по шагам показывает, что происходит после нажатия Enter в адресной строке браузера Внутри прям весь путь запроса: от интерпретации ввода и DNS до TLS, HTTP и рендеринга страницы. Всего 16 этапов и 124 подшага с анимациями и объяснениями. @thisisaliyev_channel

Люблю любые инструменты, которые делают разработку HTML-писем максимально простой. Эта open-source библиотека предлагает целый набор аккуратно сделанных компонентов для создания адаптивных HTML-писем — без возни с громоздкими таблицами и inline-стилями. Также здесь есть готовые шаблоны, live preview и поддержка популярных email-провайдеров, поэтому разработка писем ощущается почти так же, как работа над обычным веб-приложением :) Подписывайтесь — впереди ещё больше материалов про AI, программирование и веб-разработку @thisisaliyev_channel

Представьте, что вы разрабатываете приложение, которому нужно извлекать текст из изображений. Это может быть отсканированный чек, фотография доски с заметками или скриншот поста. Традиционно для OCR такие изображения отправлялись в облачный сервис — с оплатой за каждый запрос, дополнительной задержкой и зависимостью от стороннего API. Но что, если всё это можно выполнять локально, прямо в браузере, подключив всего одну JavaScript-библиотеку? Именно это и делает Tesseract.js. Проект компилирует классический OCR-движок Tesseract в WebAssembly, благодаря чему он работает непосредственно в браузере пользователя или в процессе Node.js. Никаких API-ключей, внешних сервисов или ежемесячных платежей. Только локальное распознавание текста, которое работает даже без интернета и сохраняет конфиденциальность данных. @thisisaliyev_channel

Выходим из Vim: комманды чтобы уверенно начать пользоваться Vim. Всё остальное придёт с практикой. > Режимы i — режим вставки a — вставка после курсора A — вставка в конец строки I — вставка в начало строки o — новая строка ниже O — новая строка выше v — визуальный режим V — построчный визуальный режим Ctrl-v — блочный визуальный режим Esc — возврат в нормальный режим > Перемещение h j k l — перемещение курсора w b e — следующее слово / предыдущее слово / конец слова 0 ^ $ — начало строки / первый непробельный символ / конец строки gg G — начало / конец файла Ctrl-u/d — на полстраницы вверх / вниз Ctrl-b/f — на страницу вверх / вниз H M L — верх / середина / низ экрана % — переход к парной скобке > Редактирование x — удалить символ dd — удалить строку dw — удалить слово D — удалить до конца строки yy — скопировать строку yw — скопировать слово p / P — вставить u — отменить Ctrl-r — повторить отменённое действие r — заменить символ . — повторить последнее изменение > Поиск /pattern — поиск вперёд ?pattern — поиск назад n / N — следующее / предыдущее совпадение * / # — поиск слова под курсором :noh — убрать подсветку результатов поиска > Замена :s/a/b/g — заменить в текущей строке :%s/a/b/g — заменить во всём файле :%s/a/b/gc — заменить с подтверждением > Визуальный режим v — посимвольное выделение V — выделение строк Ctrl-v — блочное выделение > / < — увеличить / уменьшить отступ y — копировать d — вырезать >Текстовые объекты iw / aw — внутри / всё слово ip / ap — внутри / весь абзац i" / a" — внутри / вместе с кавычками i( / a( — внутри / вместе со скобками () i{ / a{ — внутри / вместе с фигурными скобками {} >Окна :split :vsplit Ctrl-w h/j/k/l — переключение между окнами Ctrl-w q — закрыть окно > Вкладки :tabnew gt — следующая вкладка gT — предыдущая вкладка :tabclose > Буферы :ls :bnext :bprev :bd > Работа с файлами :e file — открыть файл :w — сохранить :wq — сохранить и выйти :q — выйти :q! — выйти без сохранения > Метки ma — поставить метку a 'a — перейти к строке с меткой `a — перейти к точной позиции метки > Регистры :reg — показать регистры "+y — копировать в системный буфер "+p — вставить из системного буфера >Макросы qa — начать запись макроса q — остановить запись @a — выполнить макрос @@ — повторить последний макрос > Сворачивание кода za — переключить сворачивание zo — развернуть zc — свернуть > Справка :help :help <команда> @thisisaliyev_channel

Если вы разрабатываете сайты на React, не пренебрегайте мелкими деталями. Amicro — это готовая библиотека микроинтеракций, которая добавляет hover-эффекты, трансформации иконок, переходы между состояниями и интерактивные анимации, благодаря которым интерфейс выглядит более профессионально. Главное преимущество — вам не нужно создавать все эти детали с нуля. Библиотека подходит для лендингов, SaaS-продуктов и AI-инструментов. https://amicro.vercel.app/ @thisisaliyev_channel

Anthropic описала четыре типа циклов, которые можно строить с помощью Claude. Каждый из них передаёт агенту разную часть процесса принятия решений. Термин loop engineering сейчас используется настолько широко, что стоит чётко понимать, чем именно отличаются эти четыре варианта: что запускает цикл и что определяет момент его завершения. > Цикл на основе запросов. Вы отправляете запрос, Claude выполняет задачу, самостоятельно проверяет результат и возвращает его вам. Именно этот цикл работает практически при каждом вашем сообщении, независимо от того, называете вы его так или нет. > Цикл на основе цели (/goal). Вы заранее задаёте измеримый критерий завершения. Каждый раз, когда Claude пытается завершить работу, модель-оценщик проверяет, достигнута ли поставленная цель. Если нет, Claude отправляется продолжать работу. > Цикл на основе времени (/loop, /schedule). Вместо пользовательского запроса запуск происходит по таймеру. Команда /loop повторно выполняет проверку через заданные интервалы, но прекращает работу, если останавливается ваша машина. Команда /schedule переносит ту же идею в облако, поэтому цикл продолжает работать независимо от вашей текущей сессии. > Проактивный цикл. Это комбинация /schedule, /goal и рабочего процесса, которая запускается по событию без какого-либо запроса со стороны пользователя в момент выполнения. Каждый элемент доводится до собственной цели, а сам процесс продолжает работать, пока кто-нибудь его не отключит. НО: циклы на основе цели работают только тогда, когда критерий завершения действительно можно измерить. А проактивные циклы это самый простой способ столкнуться с проблемами при масштабировании, если сначала не проверить их работу хотя бы на нескольких реальных сценариях. Для большинства задач по-прежнему лучше подходит обычный цикл на основе запросов, чем более сложная схема, в которой пока нет необходимости. Необязательно выбирать самый продвинутый механизм только потому, что он сложнее. Важнее подобрать тип цикла в зависимости от того, имеет ли задача чёткий критерий завершения или действительно должна выполняться непрерывно. Вот статья, где разобрали все четыре типа циклов, привели примеры и предложили подход к выбору между /goal и /loop. 🎉 @thisisaliyev_channel

Чистый SaaS-стек для более быстрой разработки и релизов: * хостинг фронтенда и бэкенда — Sevalla * база данных — PlanetScale * аутентификация — Clerk * платежи — Stripe * транзакционные письма — Postmark * файловое хранилище — Bunny Storage * отслеживание ошибок — Sentry * продуктовая аналитика — PostHog @thisisaliyev_channel

Лучший эффект мерцания текста на CSS Сделано с помощью background-clip — стоит сохранить. .txt { background-clip: text; color: #0000; background: var(--gradient) 0 0 / 300% 100%; animation: shim 2s infinite; } @​keyframes shim { 0% { background-position: 100% 0; } } @thisisaliyev_channel

Этот проект пригодится для вашего сайта или приложения. Он автоматически генерирует скелетоны для компонентов. Ничего не нужно рассчитывать вручную. Просто оберните компоненты в <Skeleton> — и готово. Для Vue, React, Angular и Svelte: https://github.com/0xGF/boneyard @thisisaliyev_channel

Жизнь после ИИ ❤️

Вайб-кодерам это точно понравится - https://namethatui.com/ Это огромный визуальный каталог UI-компонентов с готовыми промптами. Можно просматривать и копировать промпты для разных элементов интерфейса или просто описать что-то вроде «серый оверлей за всплывающим окном» или «те самые три точки» — и быстро найти нужный UI-компонент вместе с примерами :) @thisisaliyev_channel

Антропики оставили фублю в подписке. Кто бы сомневался (яжеговорил) Качелили нас три недели, рассказывали страшные истории какая она крутая и дорогая, как она пропадёт из подписки, и вообще госдеп ее запрещает всем неверным (а один мой дружище на этом фоне и вовсе не спал ночами, токенмаксил фублю пока дают)

🚀 Tadbir tashkil qilish hali ham haftalab vaqt olyaptimi? 🎯 Tasavvur qiling: ✅ To'y, seminar, konferensiya yoki boshqa tadbiringiz uchun joy qidirish. ✅ Catering, fotograf, videograf, DJ va dekorator topish. ✅ Narxlarni solishtirish. ✅ Ishtirokchilarni ro'yxatdan o'tkazish. ✅ To'lovlarni nazorat qilish. ✅ QR orqali check-in qilish. Bularning barchasi birgina platformada bajarilsa-chi? Planner AI — O'zbekiston uchun yaratilayotgan AI-powered event planning platformasi. 💡 Platforma orqali siz: • Kerakli xizmatlarni bir necha daqiqada topasiz. • Sun'iy intellekt tavsiyalari asosida eng mos variantlarni olasiz. • Tadbirni boshidan oxirigacha boshqarasiz. • Xizmat ko'rsatuvchilar bilan to'g'ridan-to'g'ri bog'lanasiz. • Vaqt, xarajat va ortiqcha tashvishlarni kamaytirasiz. 👥 Agar siz: 🤝 Tadbir tashkilotchisi, 🏢 Restoran yoki event venue egasi, 🍽 Catering xizmati, 📸 Fotograf yoki videograf, 🎧 DJ, 🎈 Dekorator, 🎤 Boshlovchi, yoki boshqa event xizmatini ko'rsatsangiz — Planner AI siz uchun yangi mijozlar topishga yordam beradi. ➡️ planner-ai.uz 🔥 Hozirda platforma rivojlanish bosqichida. Sizning fikringiz va qo'llab-quvvatlashingiz biz uchun juda muhim! 💬 Izohlarda yozing: Siz tadbir tashkil qilishda eng ko'p qanday muammoga duch kelasiz? Bizni kuzatib boring: Telegram | Instagram #PlannerAI #Startup #EventTech #SuniyIntellekt #AI #EventPlanning #Uzbekistan #Tadbir #Biznes #Innovation

Шпаргалка по командам Docker 👩‍💻 Базовые команды docker --version — показать версию Docker. docker version — показать версии Docker Client и Docker Server. docker info — вывести информацию о системе Docker. docker help — показать список доступных команд. docker — открыть справку по Docker CLI. Управление контейнерами docker run image — создать и запустить контейнер. docker run -d image — запустить контейнер в фоновом режиме. docker run -it image — запустить контейнер в интерактивном режиме. docker ps — показать запущенные контейнеры. docker ps -a — показать все контейнеры. docker start container_id — запустить остановленный контейнер. docker stop container_id — остановить контейнер. docker restart container_id — перезапустить контейнер. docker pause container_id — приостановить контейнер. docker unpause container_id — возобновить работу контейнера. docker rm container_id — удалить контейнер. Управление образами docker images — показать локальные образы. docker pull image — скачать образ из реестра. docker push image — загрузить образ в реестр. docker build -t image . — собрать образ из Dockerfile. docker tag image new_tag — создать новый тег для образа. docker rmi image — удалить образ. docker image prune — удалить неиспользуемые (dangling) образы. Просмотр информации и логов docker logs container_id — показать логи контейнера. docker logs -f container_id — отслеживать логи в реальном времени. docker inspect container_id — вывести подробную информацию о контейнере. docker stats — показать текущее потребление ресурсов контейнерами. docker top container_id — вывести список процессов внутри контейнера. docker exec -it container_id bash — открыть Bash внутри контейнера. docker exec -it container_id sh — открыть Shell внутри контейнера. Тома и сети docker volume ls — показать список томов. docker volume create — создать том. docker volume rm volume_id — удалить том. docker network ls — показать список сетей. docker network create network — создать сеть. docker network connect network container_id — подключить контейнер к сети. docker network disconnect network container_id — отключить контейнер от сети. Docker Compose docker compose up — запустить сервисы. docker compose up -d — запустить сервисы в фоновом режиме. docker compose down — остановить и удалить сервисы. docker compose restart — перезапустить сервисы. docker compose logs — показать логи сервисов. docker compose ps — показать контейнеры Compose. docker compose build — собрать образы для Compose. Очистка docker system prune — удалить все неиспользуемые ресурсы. docker container prune — удалить остановленные контейнеры. docker image prune — удалить неиспользуемые образы. docker volume prune — удалить неиспользуемые тома. docker network prune — удалить неиспользуемые сети. Другие полезные команды docker login — войти в Docker Hub. docker logout — выйти из Docker Hub. docker save image > image.tar — сохранить образ в архив. docker load < image.tar — загрузить образ из архива. docker cp container:file host — скопировать файл из контейнера на хост. docker commit container_id image — создать образ на основе контейнера. docker history image — показать историю слоёв образа. @thisisaliyev_channel

НАРОООДД!!! Это уже наше 2ое мероприятие которое мы проводим в платформе. Давайте поддержите активом⚡️ Нашли баг или есть идея как сделать лучше? Не стесняйтесь, пишите напрямую: @thisisaliyev - техническим проблемам вам сюда @NaymanbayevJavohir - идеи все сюда Всем удачи 🚀

🚀 Startupingizni katta sahnada namoyish etishga tayyormisiz? Sizda rivojlanayotgan startup yoki innovatsion g‘oya bormi? Endi uni investorlar, mentorlar va startup ekotizimi vakillari oldida taqdim etish imkoniyati sizni kutmoqda! 🎤 Startup Demo Day — o‘z loyihangizni namoyish qilish, ekspertlardan fikr olish va yangi hamkorlar topish uchun ajoyib imkoniyat. 📅 Sana: 11-iyul 📍 Manzil: Namangan (IT Park hamkorligida) 💡 Tadbir davomida siz: • Startupingizni taqdim etasiz; • Mentor va mutaxassislardan tavsiyalar olasiz; • Investorlar va hamkorlar bilan networking qilasiz; • Loyihangizni keyingi bosqichga olib chiqish imkoniyatiga ega bo‘lasiz. ⏳ Joylar soni cheklangan! Hoziroq ro‘yxatdan o‘ting va startupingizni katta auditoriyaga olib chiqing. 📩 Ro‘yxatdan o‘tish uchun