Html and Css & Jsآموزش

🚀هوش مصنوعیو اینجا بزار تو جیبت!!  @MobSec_Ai ➖➖➖➖➖➖➖ آموزش حرفه ای پایتون 📥@PythonForever آموزش گوشی موبایل و PC از صفر 📥@Pc_IT_Mob دوره روش جدید کسب درآمد از یوتیوب 📥@PACKPUBLICX دانلود آبجکت Pro رایگان 📥@Voxel3DVray نکات کاربردی TOEFL و IELTS 📥@WritingandGrammar آموزش تکنیک های زبان انگلیسی 📥@PTEnglishtest1 پریمیر و افترافکت  مبتدی تا پیشرفته 📥@tadwingaran انگلیسی از مبتدی تا پیشرفته 📥@Eng_Online فریلنسری ، کاریابی 📥@home_proje پروکسی فعال و vpn رایگان 📥@Proxysarver حرفه ای فتوشاپ 2027 رو یاد بگیرید 📥@VoxelLearn آموزش پایه تا پیشرفته Python 📥@Python4all_pro مرجع نقشه کشی صنعتی،ماشنیسازی (ساخت و تولید) 📥@CAD_3D دنیای آموزش های جذاب کامپیوتر 📥@VIP30T ترفندهای خلاقانه کامپیوتر 📥@pcmabani مقاله ❖ISI❖ با هوش مصنوعی ؟! 📥@akhtar_electronic_group آموزش رایگان نرم افزارهای مهندسی ساخت و‌ تولید 📥@M_E_TUTORIAL دنیای پکیج های رایگان 📥@wolfofwsfile انگلیسی حرفه ای بدون معلم بدون کلاس 📥@RealEnConversations تصاویر جذاب مهندسی 📥@Shimi95_ir گرگ والستریت کارخانه پول سازی 📥@wolfofws برنامه نویسی تخصصی  از پایه 📥@programmer_best عربی رو قورت بده 📥@ArabicWithVideoes علم داده و تحلیل داده 📥@Amar_kadeh ترفندهای کامپیوتر و نرم‌افزارها 📥@spcware دانلود کتاب و پادکست کمیاب 📥@farsiiketab کتاب بخوانیم 📥@LibMajazi دانلود آبجکت 3بعدی Revit 📥@VoxelObjectRevit آموزش شبکه های Cisco و مایکروسات 📥@modirshabake آموزش فتوشاپ از مقدماتی تا پیشرفته 📥@azphotoshopp آموزش طراحی لوگو 📥@mrkhalaqq آموزش ترفند های هوش مصنوعی 📥@DailyTechAi برنامه نویسی و طراحی سایت 📥@hivaweb اطلاعات آزمون آیلتس 📥@En_tour آزمون های رایگان نظام مهندسی معماری 📥@tarrahimemari آبجکت و تکسچرهای رایگان 3DMax 📥@Voxel3DDVray عکس های 2026 دکوراسیون داخلی 📥@Design_groooup آموزش تخصصی زبان انگلیسی 📥@WritingandGrammar1 «انگلیسی را حرفه ای بیاموز» 📥@novinenglish_new هوش مصنوعی - علم داده 📥@ailearncamp سفارش پروژه | پروژه بگیر 📥@prozhebegir_ir هک و امنیت 📥@hivashabake دانلود فایل های گرافیکی 📥@bmaxarchive آموزش های جذاب برنامه نویسی 📥@amozesh_co آموزش جامع برنامه نویسی و طراحی سایت 📥@Computerr_Programming مهدی هک آموزش 0 تا 100 هک 📥@Mahdiihack برنامه نویسی ، پایتون ، وردپرس 📥@hedcode کتابخانه ممنوعه 📥@theBOOK_FRIENDS پروژه های واقعی با HTML | CSS و JavaScript 📥@htmlcss_channels دنیای آموزش های موبایل و کامپیوتر 📥@PcAndMob منبــــع فایل های ناب و پریمیوم گرافیکی 📥@bmaxdesign منابع آموزشی مهندسی کامپیوتر : ‌ًCs Archive 📥@programmers_street برنامه نویسی حرفه ای 📥@programmers2024 نرم افرار Andriod موبایل 📥@Android_best منبع فایل لایه باز 📥@shutterpic آموزش  فتوشاپ و ایلاستریتور 📥@limostudy برنامه نویسی Android از پایه (رایگان) 📥@Android0to100 هوش‌مصنوعی | کامپیوتر | برنامه‌نویسی 📥@Max_academy دوره دیجیتال مارکتینگ در کسب و کار 📥@PUBPLUSX آموزش طراحی وب + سئو از پایه (رایگان) 📥@AmoozeshWebsite ➖➖➖➖➖➖ 🌐@Armisstab .

اگر هنوز داری نوت‌هات رو توی Google Docs، Notion یا فایل‌های پراکنده نگه می‌داری، یه بار Obsidian رو ببین. سرویسObsidian یه اپ نوت‌برداریه، ولی بیشتر شبیه یه مغز دوم عمل می‌کنه. هر یادداشت می‌تونه به یادداشت‌های دیگه لینک بشه. کم‌کم بین ایده‌ها، پروژه‌ها، مقاله‌ها و یادداشت‌هات یه شبکه ساخته میشه. بعد می‌تونی همه این ارتباطات رو روی یه گراف ببینی. چیزی که Obsidian رو خاص کرده اینه که فایل‌هات روی کامپیوتر خودت ذخیره میشن، نه روی سرور یه شرکت. همه چیز هم فایل Markdown ساده است. یعنی مالک واقعی اطلاعاتت خودتی و اگر فردا Obsidian هم نباشه، فایل‌هات سر جاشون هستن. برنامه‌نویس‌ها برای مستندسازی، فاندرها برای ثبت ایده‌ها، نویسنده‌ها برای تحقیق و تولید محتوا، و دانشجوها برای ساختن پایگاه دانش شخصی ازش استفاده می‌کنن. دلیل محبوبیتش اینه که به‌جای اینکه فقط نوت ذخیره کنی، بین اطلاعاتت ارتباط می‌سازی. یه جور ویکی‌پدیای شخصی خودته. 💎 @Htmlcss_channels  | #HTML #css #JavaScript

🤖دستیار هوشمند شما، قدرتمندتر از همیشه! 🤖 اکانت Gemini Pro 🔥 فقط با 299,000 هزار تومان (اختصاصی)

روی ایمیل شخصی شما بدون ورود

پرداخت امن با درگاه پرداخت  💳 | کارت به کارت 🪪 | پرداخت با کریپتو 💸 5 تا 20 درصد تخفیف برای تمامی محصولات سایت✅ لینک خرید از وب سایت: 🌐 Zhimunplus.com لینک چنل: ✅ @Zhimun_plus

💥فقط چند روز تا شروع جامع ترین دوره هوش مصنوعی و دیتاساینس در ایران زمان باقیست! در این دوره از پایه و به کمک پروژه‌های واقعی یاد می‌گیرید داده‌ها را تحلیل، مدل‌سازی و به تصمیم‌های هوشمند تبدیل کنید. ویژگی‌های دوره: 📊 ۳۴۷ ساعت آموزش تخصصی 🧩 ۲۶ پروژه‌ واقعی 💻 ۱۵۶ جلسه آموزش هیبریدی (آنلاین + ویدئوهای آفلاین) 📜 گواهی‌نامه معتبر و آمادگی برای ورود به مشاغل حوزه دیتا 🚀 دایکه از اولین برندهای آموزشی ایران در حوزه Data & AI است که آموزش‌هایی پروژه‌محور، کاملاً کاربردی و همراه با پشتیبانی دائمی ارائه می‌دهد. 📌 امکان پرداخت اقساطی و بازگشت وجه تا دو هفته پس از ثبت‌نام 🔗 دریافت مشاوره رایگان و ثبت‌نام👇 https://zaya.io/02p4v ✨تمامی دوره‌های دایکه به‌صورت مداوم به‌روزرسانی می‌شوند و شما دسترسی مادام‌العمر به محتوای جدید و کلاس‌ها دارید.

میخوای بدونی هوش‌مصنوعی چیه و‌ چطور کار می‌کنه؟ از درک و فهم هوش‌مصنوعی تا کار کردن و پرامپت نویسی رو‌ توی دوره هوش‌مصنوعی کوئراکالج می‌تونی داشته باشی! اونم به صورت کاملا رایگان و بدون پیش‌نیاز 🔗 https://quera.org/r/h9fvo

یک تابستون پر از یادگیری لپ‌تاپ و آب‌میوه خنکت رو آماده کن💻🍹 چون با دانشکار قراره به یه برنامه‌نویس سی شارپ حرفه‌ای تبدیل بشی! 🏖 تابستون امسال بوت‌کمپ ASP.NET دانشکار رو شرکت کن و صفر تا صد دات نت رو در ۵ ماه یاد بگیر👇 https://dnkr.ir/kPpBZ

✅آموزش حرفه‌ای طراحی لوگو و جلد کتاب 🔗https://t.me/Architect_City ➖➖➖➖➖➖➖➖➖ دانلود مستقیم فونت رایگان 💰@fontbartar دوره دیجیتال مارکتینگ در کسب و کار 💰@PUBPLUSX دوره کامل ساخت V.P.N + کسب درآمد 💰@PARSPUBLIC تصویر سازی پیشرفته با هوش مصنوعی 💰@iGraphical دانلود آبجکت Pro رایگان 💰@Voxel3DVray آموزش  فتوشاپ و ایلاستریتور 💰@limostudy منبع فایل لایه باز 💰@shutterpic دانلود PSD + PNG فتوشاپ 💰@Voxelproduction انگلیسی از مبتدی تا پیشرفته 💰@Eng_Online برنامه نویسی حرفه ای 💰@programmers2024 طراحی لوگو و خلق برند 💰@whale_s منبــــع فایل های ناب و پریمیوم گرافیکی 💰@bmaxdesign حرفه ای فتوشاپ 2027 رو یاد بگیرید 💰@VoxelLearn ترجمه کتاب ومقاله های دانشجویی 💰@tarjjommee مرجع نقشه کشی صنعتی،ماشنیسازی (ساخت و تولید) 💰@CAD_3D آموزش لغات انگلیسی همراه با سوال و فلش کارت 💰@Ellipsis50 دنیای آموزش های جذاب کامپیوتر 💰@VIP30T مهدی هک آموزش 0 تا 100 هک 💰@Mahdiihack آموزش رایگان نرم افزارهای مهندسی ساخت و‌ تولید 💰@M_E_TUTORIAL آموزش های جذاب برنامه نویسی 💰@amozesh_co دانلود فایل های گرافیکی 💰@bmaxarchive سفارش پروژه | پروژه بگیر 💰@prozhebegir_ir مکالمات انگلیسی به روش کدینگ 💰@Eng_Learners_Mb گروه معماری چهارسوق 💰@CHAHAR_SOOGH_archi_gp برنامه نویسی تخصصی  از پایه 💰@programmer_best آموزش AI از پایه تا پیشرفته 💰@hashtagifyofficial آبجکت و تکسچرهای رایگان 3DMax 💰@Voxel3DDVray دانلود کتاب و پادکست کمیاب 💰@farsiiketab دانلود آبجکت 3بعدی Revit 💰@VoxelObjectRevit آموزش 0 تا 100 برنامه نویسی 💰@cyberamooz_ir آموزش ایلستریتور 💰@mrkhalaqq آموزش فتوشاپ از مقدماتی تا پیشرفته 💰@azphotoshopp اطلاعات آزمون آیلتس 💰@En_tour هوش مصنوعی پرامپت‌نویسی 💰@hoseinsadeghi4013 ترفندهای کامپیوتر و نرم‌افزارها 💰@spcware عکس های 2026 دکوراسیون داخلی 💰@Design_groooup علم داده و تحلیل داده 💰@Amar_kadeh هوش مصنوعی - علم داده 💰@ailearncamp مقاله ISI و رزومه نداری؟ با ما 👇 💰@resumedaran دنیای کتاب صوتی و pdf 💰@audiobook4710 تصاویر جذاب مهندسی 💰@Shimi95_ir دنیای پکیج های رایگان 💰@wolfofwsfile آموزش زبان شروع شد 💰@EnglishAndBookLovers انگلیسی رو با تست زدن فول شو 💰@english_uniquee ترفندهای خلاقانه کامپیوتر 💰@pcmabani آموزش مقاله نویسی و research 💰@med_article کتابخانه ممنوعه 💰@theBOOK_FRIENDS پروژه های واقعی با HTML | CSS و JavaScript 💰@htmlcss_channels آرشیو پروژه٫کد و آموزشهای Python 💰@Python4all_pro پایان نامه،مقاله،پروپزال،مهاجرت تحصیلی 💰@journalacademic تافل و آیلتس 💰@class_englysh منابع اموزشی مهندسی کامپیوتر : ‌ًCs Archive 💰@programmers_street معدن لایه باز آلبوم ژورنال 💰@psdlandchannel نرم افرار Andriod موبایل 💰@Android_best اموزش جامع تدوین و ساخت کلیپ! 💰@tadwingaran آموزش تکنیک های زبان انگلیسی 💰@PTEnglishtest1 اصلا کتاب نخرین! اینجا مفتی دانلود کنید هر رشته ای 💰@Donyayejozveh آموزش 0 تا 100 هک و امنیت (رایگان) 💰@Black_Security ژست و فیگور عکاسی 💰@positionn دوره روش جدید کسب درآمد از یوتیوب 💰@PACKPUBLICX تشخیص و روش درمان بیماریها 💰@medipoints دانلود" فونت پولی" رایگان 💰@fontsclub ➖➖➖➖➖➖ 🌐@Armisstab .

این کد یک باکس پیام چت با طراحی زیبا می‌سازه. مهم‌ترین بخشش clip-path هست که با استفاده از polygon شکل مثلثی رو به باکس می‌ده. این مثلث باعث می‌شه گوشه پایین باکس زیبا در بیاد. 💎 @Htmlcss_channels  | #HTML #css #JavaScript

🚨 هنوز دنبال VPN مطمئن می‌گردی؟ وقتشه یه بار برای همیشه خیالت رو راحت کنی... 🔥 ✔️ اتصال پایدار و بدون دردسر ⚡️ سرعت بالا در ساعات شلوغ 🖥 سرورهای متنوع و به‌روز 🎮 مناسب بازی، استریم و استفاده روزمره 🤖 پشتیبانی فعال و پاسخگو ⚙️ امنیت بالا و اتصال مطمئن هزاران کاربر هر روز از سرویس‌های HiNet استفاده می‌کنن و ما به‌صورت مداوم در حال ارتقای زیرساخت‌ها و افزایش کیفیت خدمات هستیم. 💎 🎁 گردونه شانس با جوایز متنوع 💳 پرداخت کارت به کارت و ارز دیجیتال ⚡️ فعال‌سازی سریع و آسان 🌟اگر از قطعی‌های مداوم، سرعت پایین و سرویس‌های بی‌کیفیت خسته شدی، وقتشه تفاوت رو تجربه کنی. 👑 @HiNetVPNBot

🚀 گروه اختصاصی CodeBox Community ویژه برنامه‌نویس‌های حرفه‌ای و سینور 👨‍💻 💰 ۱۰۰,۰۰۰,۰۰۰ تومان اعتبار رایگان API چت‌جی‌پی‌تی برای کاربران جدید ⚡️ همراه با کردیت‌های رایگان سایر API کدباکس فقط یک گروه نیست: 💬 چت مستقیم با برنامه‌نویس‌های شرکت‌های بزرگ مثل دیجی‌کالا، مستربلیط، کافه‌بازار و… 🧠 دریافت اخبار لحظه‌ای از Hacker News ⚡️ دسترسی به کردیت‌ها و APIهای رایگان برای ساخت و تست پروژه‌های واقعی 🧩 تبادل تجربه، سورس‌کد و ابزارهای کاربردی 👇 Join CodeBox Community https://t.me/+JRt42-T54dowZWZk (اگر برنامه‌نویسی، اینجا دقیقاً جای توئه)

🗂 هر دانشجو و مهندس کامپیوتری به این پکیج احتیاج داره ‼️هیچ خبر ، دوره های آموزشی رایگان داخلی و خارجی ، جزوه و کتاب و فرصت شغلی رو از دست ندید. 👇👇👇👇 https://t.me/addlist/JicKEyRjsrg5M2I0

ساخت Agent Ai | کدنویسی با هوش‌مصنوعی 👉 @Ai_Tv آموزش تخصصی برنامه نویسی برای همه 👉 @Azad_Developers هوش مصنوعی - برنامه‌نویسی - داده‌کاوی 👉 @ShabakehMAG آموزش برنامه نویسی و طراحی سایت 👉  @Computerr_Programming آموزش از برنامه‌نویسی تا هوش مصنوعی 👉 @Python_0to100 آموزش شبکه و امنیت 👉 @DENAIT کدهای  HTML | CSS و JavaScript برای طراحی سایت حرفه ای 👉 @htmlcss_channels مسیر روشن برنامه نویسی 👉 @i_CODE قدیمی ترین کانال پایتون ایران 👉 @LearnPY دورهمی برنامه‌نویسان 👉 @programmers_gathering آمار و علم داده 👉 @Amar_kadeh هوش مصنوعی و علوم اعصاب و کوانتوم 👉 @Neurogenix1 هوش مصنوعی - علم داده | بینش جدید 👉 @ailearncamp جمعی از فعالان کامپیوتر در استرالیا 👉 @OxinCode هوش مصنوعی | پایتون | سورس کد 👉 @OpenCV_olc جدیدترین  اخبار  فناوری و هوش مصنوعی 👉 @DocPython دنیای آموزش های موبایل و کامپیوتر 👉 @PcAndMob مبنع پروژه ، code و آموزش‌های پایتون 👉 @Python4all_pro معرفی ریپو های کاربردی پایتون /Ai و Machine Learning 👉 @Programmers_street دوره‌های رایگان به همراه گواهینامه 👉 @udemyforever

بچه ها یه گیگ اشتراک رایگان میده ، استفاده کنید

🔷 CSS Clip Path Patterns ؛CSS Clip Path یه ویژگی CSS هست که بهت اجازه می‌ده عناصر رو به اشکال دلخواه برش بدی 💎 @Htmlcss_channels | #HTML #css #JavaScript

🚀 فراتر از یک VPN، یک اکوسیستم دیجیتال! انتشار رسمی نسخه ۱.۰ اپلیکیشن اندروید (NOVINVPN) دیگر نیازی به ده‌ها اپلیکیشن مختلف ندارید! ⚡️ بالاترین سرعت و کیفیت: اتصال هوشمند و خودکار به بهترین و پایدارترین سرورها. 🤖 دستیار هوشمند شما: دسترسی مستقیم و بدون هزینه اضافه به برترین هوش‌های مصنوعی دنیا (GPT, Gemini, Llama, Qwen). 🛒 فروشگاه لایسنس: خرید آنی انواع لایسنس‌ برنامه‌ها و هوش مصنوعی. 🎮 گیمینگ و سرگرمی: انواع بازی‌های تک و دونفره 🎧 هاب موزیک و پادکست: پخش با بالاترین کیفیت. 🎁 هدایای روزانه: دریافت کانفیگ و پروکسی تلگرام رایگان هر روز! 🎉به مناسبت انتشار نسخه جدید، با ثبت‌نام ۱ گیگابایت اشتراک هدیه بگیرید 🎉 جشنواره رونمایی: ۵۰٪ تخفیف به مدت محدود! 🥉 پلن اقتصادی (۵ گیگ): فقط ۵۰,۰۰۰ تومان 🔥 پلن پرفروش (۱۰ گیگ): فقط ۱۰۰,۰۰۰ تومان 👑 پلن ویژه حرفه‌ای (۲۰ گیگ): فقط ۱۹۰,۰۰۰ تومان 📥 دانلود از سایت 🔗 https://novinvpn.com/NovinVPN_1.0.1_15.apk 🌐دانلود از ایران 🔗https://up.theazizi.ir/download.php?t=7e7368998baad62201ce7a7ffdce50358fbb 🌐سایت ما : WWW.NOVINVPN.COM 📲کانال تلگرام : @NOVINVPN2026

ببین، این یه تکنیک جالب برای استفاده از box-shadow در CSS هست! 😊 🎨 تکنیک لایه‌بندی Box Shadow مفهوم اصلی box-shadow در CSS می‌تونه لایه‌بندی بشه! یعنی می‌تونی چندین سایه روی هم قرار بدی تا جلوه‌های زیباتری بسازی. چرا این تکنیک باحاله؟ • ✅ سایه واقعی‌تر - با لایه‌های مختلف • ✅ مرز مجازی - بدون استفاده از border • ✅ انعطاف‌پذیری - کنترل کامل روی ظاهر 📝 مثال کد

.box {
  width: 200px;
  height: 100px;
  background: #3498db;
  border-radius: 10px;
  
  /* لایه ۱: سایه اصلی */
  box-shadow: 
    0 4px 8px rgba(0, 0, 0, 0.2);
  
  /* لایه ۲: سایه دوم (پخش بیشتر) */
  box-shadow: 
    0 4px 8px rgba(0, 0, 0, 0.2),
    0 8px 16px rgba(0, 0, 0, 0.1);
  
  /* لایه ۳: مرز مجازی */
  box-shadow: 
    0 4px 8px rgba(0, 0, 0, 0.2),
    0 8px 16px rgba(0, 0, 0, 0.1),
    0 0 0 2px rgba(255, 255, 255, 0.5);
}

🔍 توضیح لایه‌ها لایه ۱: سایه اصلی

0 4px 8px rgba(0, 0, 0, 0.2)

• 0: افقی (بدون جابجایی) • 4px: عمودی (پایین) • 8px: پخش (blur) • rgba(0, 0, 0, 0.2): رنگ مشکی با شفافیت ۲۰% لایه ۲: سایه دوم

0 8px 16px rgba(0, 0, 0, 0.1)

• پخش بیشتر برای عمق بیشتر • شفافیت کمتر برای نرم‌تر شدن لایه ۳: مرز مجازی

0 0 0 2px rgba(255, 255, 255, 0.5)

• 0 0 0: بدون جابجایی و blur • 2px: ضخامت مرز • rgba(255, 255, 255, 0.5): رنگ سفید با شفافیت ۵۰% 🎯 کاربردهای این تکنیک ۱. کارت‌های طراحی

.card {
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 4px 8px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.05);
}

۲. دکمه‌های سه‌بعدی

.button {
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.2),
    0 4px 8px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

۳. کادر با مرز نرم

.container {
  box-shadow: 
    0 0 0 1px rgba(0, 0, 0, 0.1),
    0 4px 8px rgba(0, 0, 0, 0.1);
}

💡 نکات طلایی ✅ مزایا • کنترل کامل روی ظاهر • بدون اضافه کردن عناصر اضافی • سازگاری بالا با مرورگرها ⚠️ ملاحظات • بیشتر از ۳-۴ لایه ممکنه کند بشه • موبایل - ممکنه تاثیر روی performance داشته باشه • تست در مرورگرهای مختلف 🎨 ایده‌های خلاقانه ۱. سایه رنگی

.box {
  box-shadow: 
    0 0 0 2px #3498db,
    0 4px 8px rgba(52, 152, 219, 0.3);
}

۲. سایه چند رنگ

.box {
  box-shadow: 
    0 0 0 2px #e74c3c,
    0 0 0 4px #3498db,
    0 4px 8px rgba(0, 0, 0, 0.2);
}

۳. سایه داخلی (inset)

.box {
  box-shadow: 
    inset 0 2px 4px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.1);
}

🔗 منابع بیشتر • MDN: box-shadow • CSS-Tricks: Box Shadow • CodePen: جستجوی "layered box shadow" 💎 @Htmlcss_channels | #HTML #css #JavaScript