20931
ادمین : @Maryam3771 تعرفه تبلیغات: https://t.me/alloadv/822
🤯 یه خبر فوق‌العاده برای طراح‌ها! دیگه لازم نیست برای هر لوگو ساعت‌ها درگیر تبدیل عکس به وکتور بشی، مدل جدید Ideogram Vector اومده تا طراحی با هوش مصنوعی رو یه مرحله جلوتر ببره!
فقط توضیح میدی چه طرحی می‌خوای و به‌جای یه عکس معمولی، فایل SVG قابل ویرایش تحویل می‌گیری!
چه کارهایی میتونی باهاش انجام بدی؟
🔸 ساخت لوگو و آیکن با پرامپت
🔸 تبدیل عکس‌های PNG و JPG به وکتور
🔸 طراحی استیکر، لیبل و تایپوگرافی
🔸 تغییر رنگ و ویرایش اجزای طرح
🔸 بزرگ‌کردن طرح بدون افت کیفیت
ماجرا اینه که خروجی رو میتونی داخل Figma یا Illustrator باز کنی و روی جزئیاتش کار کنی!
این مدل حالا از طریق Blyth AI هم در دسترسه.
https://blyth.ai/image-generator?model=ideogram-text-to-vector
💎 @Htmlcss_channels | #HTML #css #JavaScript
🎯 فرصت ویژه برای دانشجویان علاقه‌مند به صنعت فولاد!
شرکت تجارت فولاد فراز (تفکو) برای جذب و آموزش نیروهای جوان و با انگیزه، دوره کارآموزی حرفه‌ای برگزار می‌کند.
📍 موقعیت: تهران – دریاچه چیتگر_برج‌های آرتمیس، دفتر مرکزی تفکو
📞 اطلاعات تماس:
02145704000(999)داخلی
واتساپ: 09966323251
تلگرام: @TEFFCOHUB
✅ مزایا:
• آشنایی با فرآیندهای واقعی صنعت فولاد
• تجربه کاری زیر نظر تیم تخصصی
• دریافت گواهی پایان دوره
• امکان جذب پس از پایان دوره
📌 از همین حالا برای ساختن آینده شغلی‌تان قدم بردارید!
👈 این ۱۵ سایت رو بشناس، سطح طراحی‌هات چند پله بالاتر می‌ره!
از طراحی سایت‌های مدرن و انیمیشن‌های خفن گرفته تا کامپوننت‌های آماده و ایده‌های UI/UX؛ این منابع می‌تونن ساعت‌ها توی وقتت صرفه‌جویی کنن!
🎨 ۱۵ منبع جذاب برای طراح‌ها و برنامه‌نویس‌ها:
https://modulify.ai/templates — قالب‌های آماده سایت
https://motionin.design — انیمیشن و موشن‌دیزاین
https://landdding.com — تکنیک‌های طراحی بصری
https://wonderlist.design — طرح‌های حرفه‌ای Figma
https://iconly.design — مجموعه آیکن‌های کاربردی
https://scrolltide.co — ایده‌های انیمیشن اسکرول
https://land-book.com — الهام طراحی سایت
https://godly.website — نمونه سایت‌های خلاقانه
https://supahero.io — ایده طراحی لندینگ‌پیج
https://footer.design — طراحی فوترهای جذاب
https://60fps.design — انیمیشن رابط کاربری موبایل
https://cta.gallery — ایده‌های دکمه و CTA
https://grainient.supply — گرادینت‌های متحرک
https://backgrounds.supply — پس‌زمینه‌های آماده
https://on.design — ابزار و فضای طراحی
💎 @Htmlcss_channels | #HTML #css #JavaScript
با یه دستور، تمام کامپوننت‌های سایتت رو میتونی انیمیشنی کنی
نسخه Animate UI 2.0 رسماً منتشر شد؛ یه کتابخونه متن‌باز که می‌تونه طراحی سایت‌های React رو چند سطح حرفه‌ای‌تر کنه!
قابلیت‌های جدید:
انیمیشن آماده برای دکمه‌ها، منوها، دیالوگ‌ها و کامپوننت‌های UI
تبدیل کامپوننت‌های shadcn/ui به نسخه انیمیشنی با یک دستور
پشتیبانی از Radix UI، Base UI و React Aria
دارای AI Skill برای Claude Code، Cursor و Codex
امکان ساخت و بررسی انیمیشن‌ها با یه دستور متنی :
animate-ui.com
💎 @Htmlcss_channels | #HTML #css #JavaScript
🔄میکرومستر شریف؛ یادگیری دانشگاهی، با انعطاف بیشتر
اگر می‌خواهید یک درس تخصصی را با استادان دانشکده مهندسی کامپیوتر دانشگاه صنعتی شریف بگذرانید، دوره‌های میکرومستر ترم پاییز فرصتی برای شماست.
⏪ محتوای آموزشی دروس به‌صورت فیلم‌های ضبط‌شده ارائه می‌شود تا بتوانید در زمان دلخواه و با سرعت متناسب با خودتان یاد بگیرید. در طول ترم نیز با شرکت در جلسات زنده پرسش‌وپاسخ با استاد و حل تمرین با دستیار آموزشی، فرصت دارید پرسش‌های خود را مطرح کنید و آموخته‌هایتان را عمیق‌تر کنید.
📹آموزش ضبط‌شده؛ یادگیری در زمان و سرعت دلخواه شما
💬تعامل مستقیم با استاد در جلسات زنده پرسش‌وپاسخ
✅جلسات حل تمرین با دستیار آموزشی
👥آموزش توسط استادان دانشکده مهندسی کامپیوتر دانشگاه صنعتی شریف
💠گواهی رسمی دوزبانه از دانشگاه صنعتی شریف برای هر درس با موفقیت گذرانده‌شده
🏆 امکان دریافت مدرک جامع میکرومستر شریف پس از گذراندن تعداد دروس موردنیاز و احراز شرایط دوره
💠تمرین‌ها و پروژه‌های آموزشی برای تثبیت آموخته‌ها
💠ترم پاییز میکرومستر
💠شروع ترم: ۱۶ آبان‌ماه
💠پایان ترم: ۱۰ دی‌ماه
💠۲۵٪ تخفیف ویژه برای همه
💠فرصت بیشتر برای انتخاب و ثبت‌نام در دوره‌های پاییز
💠 ثبت‌نام و کسب اطلاعات بیشتر:
🔗http://micro.ce.sharif.ir/
🔸میکرومستر، آموزش شریفی برای همه!
🌍MicroMaster💠🌐LinkedIn
🌐 @micromaster_sharif
پایتون، هوش مصنوعی و تحلیل داده رو فقط با گوشیت یاد بگیر!
برای شروع یادگیری مهارت‌های دنیای تکنولوژی، لازم نیست منتظر خرید لپ‌تاپ یا کامپیوتر بمونی.
با فینکا میتونی از صفر و قدم‌به‌قدم، مهارت‌های کاربردی رو یاد بگیری؛ هرجا که هستی، فقط با موبایلت.
چرا فینکا؟
بیش از ۱۰۰ دوره آموزشی در حوزه‌های برنامه‌نویسی، هوش مصنوعی و تحلیل داده
آموزش‌های تعاملی همراه با تمرین و پروژه‌های عملی
مسیرهای شغلی و مهارتی از مبتدی تا پیشرفته
امکان دریافت مدرک پس از تکمیل دوره
فضای گفتگو، پرسش‌وپاسخ و تبادل تجربه با سایر کاربران
امکان یادگیری و تمرین برنامه‌نویسی با موبایل
هدیه ویژه اعضای این کانال
فقط تا ۴۸ ساعت با کد PYAI25، اشتراک سالانه پرو فینکا رو با ۲۵٪ تخفیف تهیه کن.
با اشتراک پرو، به دوره‌های تخصصی، پروژه و امکانات پیشرفته یادگیری دسترسی پیدا کن.
یادگیری مهارت‌های آینده‌ساز رو همین امروز شروع کن.
https://fnca.ir/pyai25
🎰 گردونه رو بچرخون، جایزه ببر!
👀 فقط یه چرخش تا جایزه‌ت فاصله داری.
🔗https://quera.org/r/l1zga
#ایونت_آنلاین
مجازی‌سازی؛ قلب پنهان زیرساخت👀
اگه به شبکه، سرور و زیرساخت علاقه داری، احتمالا اسم VMware رو زیاد شنیدی؛
اما شاید هنوز ندونی از کجا باید شروعش کنی.
در ایونت آنلاین و رایگان «قدرت واقعی، دنیای مجازی» قراره با دنیای مجازی‌سازی آشنا بشیم و درباره کاربرد VMware، مسیر یادگیری و جایگاهش در دنیای IT صحبت کنیم.
✅ مجازی‌سازی کجا به کارمون میاد؟
✅ برای شروع چه چیزهایی باید بلد باشیم؟
✅ مسیر یادگیری و بازار کار این حوزه چطوره؟
🔴 آنلاین و رایگان
⏰ جمعه ۱۷ مهر | ساعت ۱۹
👤 همراه با استاد اشکان سلیمانی‌فخر
برای شرکت در ایونت رزرو کن 👇
🔗http://l.cando.ac/t32
وارد کانال آموزشگاه کندو شو تا از تخفیف‌ها و ایونت‌های رایگان جا نمونی👇🏼
@cando_ac
@cando_ac
@cando_ac
HTML Shortcuts You Must Know
💎 @Htmlcss_channels | #HTML #css #JavaScript
📊 نمودارهای آماده و انیمیشن‌دار برای React با EvilCharts
نمودارهایی مثل Line، Bar، Pie و Sankey رو با یک دستور shadcn وارد پروژه می‌کنید.
کدشون در اختیار خودتونه؛ پس داده، رنگ و رفتارشون رو هر طور بخواید تغییر می‌دید.
رایگان و متن‌بازه.
https://evilcharts.com
💎 @Htmlcss_channels | #HTML #css #JavaScript
این سایت کامپوننت های وبی زیبایی داره ، تستش کنید
uselayouts.com
💎 @Htmlcss_channels | #HTML #css #JavaScript
📚 آرشیو معتبرترین مجلات جهان
🆔 @EnglishMagazines_PDF
▪️▪️▪️▪️▪️▪️▪️▪️▪️
⛳️ @Armisstab
.
؛CSS Clamp — اندازه‌گذاری هوشمند
فرمول ساده
؛clamp(کمترین, مقدار_ایده‌آل, بیشترین)
مثل یه کش لاستیکی عمل می‌کنه:
🟢 اگه خیلی کوچیک شد → به کمترین حد می‌رسه
🔴 اگه خیلی بزرگ شد → به بیشترین حد می‌رسه
🟡 در حالت عادی → اندازه ایده‌آل رو داره
مثال تصویر
width: clamp(300px, 50%, 800px);صفحه نمایش۵۰٪نتیجه📱 کوچک (400px)200px300px (کمترین)💻 بزرگ (1400px)700px700px (ایده‌آل)🖥️ خیلی بزرگ (2000px)1000px800px (بیشترین)
.card {
width: clamp(280px, 90%, 1200px);
}padding: clamp(1rem, 3vw, 3rem);
height: clamp(60px, 10vh, 120px);
.title {
font-size: 16px;
}
@media (min-width: 768px) {
.title { font-size: 24px; }
}
@media (min-width: 1200px) {
.title { font-size: 32px; }
}.title {
font-size: clamp(16px, 4vw, 32px);
}clamp(MIN, PREFERRED, MAX)
clamp(MAX, PREFERRED, MIN)
font-size: clamp(1rem, 2.5vw + 0.5rem, 3rem);
.hero {
/* عنوان اصلی */
font-size: clamp(2rem, 5vw, 4.5rem);
/* زیرعنوان */
padding: clamp(1rem, 3vw, 2rem);
/* عرض کلی */
max-width: clamp(320px, 90%, 1400px);
/* فاصله داخلی */
margin: clamp(2rem, 5vh, 5rem) auto;
}
برای معرفی پروژه هاتون به کارفرما بهتره از این روش استفاده کنید
این وبسایت پروژه هاتون رو تبدیل می‌کنه به Showreel متحرک، بدون اینکه بری سراغ After Effects
بیش از 260 مدل Motion داره و برای معرفی UI/UX، اپ، سایت و پورتفولیو خیلی به‌درد می‌خوره.
فقط مدیا رو میدی، استایل رو انتخاب می‌کنی و خروجی می‌گیری.
لینک:
https://reelfolio.io
برای کسایی که هنوز پروژه‌هاشون رو فقط با اسکرین‌شات معرفی می‌کنن، این واقعاً یه آپگرید خوبه
💎 @Htmlcss_channels | #HTML #css #JavaScript
HTML: Responsive images
🔅 تصاویر واکنش‌گرا در HTML
با اين تکنیک، مرورگر خودش بهترین نسخه تصویر رو بر اساس اندازه صفحه لود می‌کنه!
🎯 چرا تصاویر واکنش‌گرا مهمن؟
👈 سرعت لود بالاتر – تصویر کوچک‌تر برای موبایل
👈 صرفه‌جویی در پهنای باند
👈 تجربه کاربری بهتر در همه دستگاه‌ها
👈 سئوی بهتر – گوگل سایت‌های سریع رو دوست داره
💻 کد :
<picture>
<source srcset="large.png" media="(min-width: 10rem)" />
<source srcset="medium.png" media="(min-width: 6rem)" />
<img src="small.png" alt="…" />
</picture>
آیکون‌ست رایگان برای طراح‌ها
🔹 Lucide — مینیمال
https://lucide.dev
🔹 Heroicons — ست Tailwind
https://heroicons.com
🔹 Phosphor — ۶ وزن مختلف
https://phosphoricons.com
🔹 Tabler — ۶۰۰۰+ آیکون
https://tabler.io/icons
💎 @Htmlcss_channels | #HTML #css #JavaScript
این ابزار open source برای طراحی سایت، خروجی‌های تکراری AI رو کمتر می‌کنه؛ از فونت و رنگ تا چیدمان.
https://github.com/pbakaus/impeccable
💎 @Htmlcss_channels | #HTML #css #JavaScript
سایت SmoothUI مجموعه‌ای از کامپوننت‌های انیمیشنی برای React و Tailwind داره که می‌تونید باهاشون بدون دردسر زیاد، جلوه‌های جذابی به رابط کاربریتون اضافه کنید.
نمونه‌هاش رو ببینید؛ بعضی‌هاشون می‌تونن دقیقاً همون چیزی باشن که برای پروژه‌تون کم داشتید.
🔗 https://smoothui.dev/
💎 @Htmlcss_channels | #HTML #css #JavaScript
🎃 اکانت هوش مصنوعی می‌خوای خوش‌قیمت، هم با پشتیبانی؟
🤖 چت‌جی‌پی‌تی پلاس | 690 تومان
🤖 جمنای | 370 تومان
👑 پرداخت معتبر و قانونی، پشتیبانی و ضمانت تعویض طبق شرایط پلن؛ با ایران پرمیوم AI.
◀️برای ثبت سفارش، فقط کلیک کن و اسم اشتراک رو بفرست:
➡️@IranPremium_Admin
چاپ اول کتاب "یادگیری ماشین به زبان ساده با پایتون". برای اطلاعات بیشتر درباره خرید کتاب به آدرس زیر مراجعه کنید:
https://saberynotes.com/1405/07/22/grokkingmachinelearningpersiantranslation/
@saberynotes
📣 ثبت‌نام بوت‌کمپ «بازاریابی دیجیتال» شـروع شد.
🔸 بوت‌کمپ بازاریابی دیجیتال (Digital Marketing) آکادمی همراه اول، یک مسیر فشرده و ۱۳ هفته‌ای است که از مبانی بازاریابی و شناخت مشتری شروع می‌کند و شما را قدم‌به‌قدم با استراتژی، محتوا، سئو، شبکه‌های اجتماعی، تبلیغات دیجیتال و تحلیل داده همراه می‌کند.
در این مسیر، فقط با ابزارها و کانال‌های بازاریابی آشنا نمی‌شوید؛ بلکه یاد می‌گیرید مسئله را درست بشناسید، رفتار مخاطب را تحلیل کنید و برای رسیدن به اهداف کسب‌وکار، راهکار مناسب را انتخاب و اجرا کنید.
💎 امکان کارآموزی در گروه همراه اول
✅ بیش از ۱۵۰ ساعت آموزش تخصصی
✅ تمرین و پروژه‌های عملی
✅ با حضـور اساتید برجسته دانشگاه و فعالان صنعت
✅ پشتیبانی و مشاوره مستمر با منتورها
✅ با امکان ثبت‌نام اقساطی
⏰ مدت: ۱۳ هفته | نیمه حضـوری
⚠️ ظرفیـت: محـدود
🌐 لینک پیش‌ثبت‌نام #رایگان و مشاهده سرفصل‌ها:
🔗 https://l.hamrah.academy/8dh
⭐️️ @Hamrah_Academy | آکادمی همراه اول
غول فناوری و هوش مصنوعی
یک سرور قدرتمند برای نسل جدید پردازش‌های هوش مصنوعی و زیرساخت‌های حرفه‌ای دیتاسنتر.
مناسب برای:
هوش مصنوعی و Machine Learning، پردازش داده‌های حجیم، مجازی‌سازی، محاسبات سنگین، دیتابیس، رندرینگ و پردازش‌های GPU محور.
با سخت‌افزار قدرتمند و قابلیت اجرای ورک‌لودهای سنگین، انتخابی مناسب برای پروژه‌های حرفه‌ای، سازمانی و زیرساخت‌های AI.
ولکان سرور
ولکان سرور با تمرکز بر فروش، تأمین و مشاوره تخصصی تجهیزات سرور و زیرساخت دیتاسنتر، راهکارهای سخت‌افزاری مورد نیاز کسب‌وکارها و سازمان‌ها را ارائه می‌دهد.
Volkanserver.com
/channel/volkanserver_ir
🔴🔴 ماهی 3 پروژه 20 میلیونی این شغل 60 میلیون بهت درآمد میده
در کنار کار الانت، پروژه کمپین نویسی هم انجام بده چون؛
✅ نیاز به سرمایه اولیه نداره!
✅ رزومه نیاز نداره
✅ هیچ ریسکی نداره
✅ با گوشی انجام میشه
🔴🔴همین الان بزن روی لینک زیر و شرایط رو ببین👇
/channel/rostami_servatzehn2
سایت StringTune یه مجموعه از کامپوننت های آماده برای ساخت تجربه‌های تعاملی و انیمیشن‌های مدرنه که کمک می‌کنه سایتتون خیلی روان‌تر و جذاب‌تر به نظر برسه. ✨
نکته جالبش اینه که رویکردش بیشتر CSS-محوره و تا جای ممکن بدون JavaScript اضافی کار می‌کنه. 🔥
🔗 https://string-tune.fiddle.digital/skill-hub
💎 @Htmlcss_channels | #HTML #css #JavaScript
If you have a website, incorporating an AI agent (or several) can be really helpful.
And in this in-depth tutorial, andrewbaisden walks you through creating a team of agents for your site.
You'll build the front end with React, the back end with Python, and use helpful tools like Agno & Groq Cloud, too.
https://www.freecodecamp.org/news/build-a-team-of-ai-agents-for-your-website-for-free/
💎 @Htmlcss_channels | #HTML #css #JavaScript
🤖 خداحافظی با جستجوی خسته‌کننده منابع!
اگه کار شما با گرافیک، تدوین یا هوش مصنوعی گره خورده، این پک جدید رو از دست نده. صفر تا صد ابزارهایی که لازم داری، فرصت‌های کاری و ترندهای جدید رو اینجا براتون جمع کردیم. با یک کلیک، از همه جلوتر باش!
😍 /channel/addlist/-iZLf0ZwXR0wN2M0
.
🤖 نسل جدید فیلترشکن‌های EASY2RAY با استفاده از هوش مصنوعی!
📱 اتصال بدون دردسر و بدون نیاز Import کانفیگ V2Ray توسط App اختصاصی در تمامی سیستم‌عامل‌ها (👩💻 🍏 ❤️ 🧑💻)
🛸 انتخاب هوشمند سریع‌ترین سرور
📶 ارائه لینک Subscription و QR کد بصورت جداگانه
📲 قابلیت اشتراک‌گذاری سرویس با Hotspot
📍 ویرایش موقعیت مکانی برای دور زدن تحریم‌ها
🎮 ▪️ثابت (Static IP) - مناسب Game و Trade
⛔️ قابلیت حذف تبلیغات مزاحم و محتوای نامناسب
📞پشتیبانی آنلاین و لحظه ای
📍 بیش از ۱۴ لوکیشن: 🇩🇪 🇫🇮 🇫🇷 🇹🇷 🇺🇸 🇷🇺 🇸🇪 🇦🇪 🇳🇱 🇬🇧 🇦🇱 🇦🇹 🇨🇭🇧🇪
سازگار با تمامی اپراتورها: 🛜 🔵 🛜 🟡🛜 🛜
🆓 قبل از خرید، رایگان تست کن!
🔅 CSS Clamp
clamp(minimum, preferred, maximum);
In this example, the preferred value is 50%.
On the left 50% of the 400px viewport is 200px, which is less than the 300px minimum value that gets used instead.
On the right, 50% of the 1400px viewport equals 700px, which is greater than the minimum value and lower than the 800px maximum value, so it equates to 700px.
۵ منبع رایگان کاربردی برای طراحان و توسعه‌دهندگان وبسایت!
اگه دنبال کامپوننت‌های آماده، آیکون، انیمیشن و موکاپ هستی، از این سایت‌ها استفاده کنید 👇
Spectrum UI : ui.spectrumhq.in
✨ ۲۵۰+ کامپوننت Open Source با React و Tailwind
پشتیبانی از MCP (Model Context Protocol)
مناسب برای ساخت سریع رابط کاربری حرفه‌ای
Animated Buttons : animatedbuttons.colorion.co
🎬 دکمه‌های CSS انیمیشنی رایگان با افکت‌های جذاب و خلاقانه با قابلیت کپی کردن کد
Obsidian UI: obsidianui.dev
🧩 ۳۵+ کامپوننت و بلاک آماده ، سازگار با shadcn CLI شامل طراحی های مدرن و مینیمال
Keyline Icons: keylineicons.com
🎯 ۸۰۰۰+ آیکون رایگان برای Shadcn با سبک‌های متنوع و یکدست و جستجوی آسان
Morflax Studio : studio.morflax.com
🎭 موکاپ‌های ۳D رایگان برای ساخت موشن گرافیک حرفه‌ای و ارائه پروژه‌ها
💎 @Htmlcss_channels | #HTML #css #JavaScript
مدل Jev توی طراحی یک Design System چقدر خوبه؟
فقط کافیه یک جمله بهش بدی، بعد خودش از بین بیشتر از 1 کوادریلیون ترکیب مختلف انتخاب می‌کنه.
هیچ‌کدوم از بخش‌های این ویدیو سریع‌تر نشده؛ هر بار که استایل رو تغییر میده، در واقع 4 درخواست موازی اجرا میشه که حدود 2 ثانیه زمان می‌بره و هزینه‌ش حدود $0.0007 هستش.
29 تا فلگ برای کنترل چیزهایی مثل فرم گوشه‌ها، حاشیه‌ها، خانواده آیکون‌ها، مسیرهای نمودار، بافت صفحه، میزان تراکم و انیمیشن‌ها استفاده میشن؛ همه‌شون هم روی shadcn ساخته شدن.
علاوه بر این‌ها، رنگ، شعاع گوشه‌ها، فاصله‌ها و مقیاس تایپوگرافی هم به‌صورت پیوسته قابل تنظیم هستن.
💎 @Htmlcss_channels | #HTML #css #JavaScript