⚡️دستور media در css⚡️

✨با استفاده از دستور media@ در CSS میتوان به راحتی Media Query ها ( پرس وجوی رسانه ) را در یک صفحه وب ایجاد و یا تعریف کرد.
✨در ادامه میتوانید یک مثال از دستور media@ را در زبان CSS مشاهده نمایید.

💥 مثال :

⚡️وقتی اندازه عرض صفحه کمتر از ۵۰۰px شد ( یعنی میشه روی گوشی موبایل )، رنگ زمینه و رنگ متن صفحه تغییر پیدا میکنه :

<style>
 
/* در حالت عادی */
body{
 background-color:#fff;
 color:#000;
 text-align:center;
}
/* در حالت واکنش گرایی */
/* وقتی اندازه صفحه کمتر از 500 پیکسل شد */
@media only screen and (max-width: 500px) {
  body {
   background-color:black;
   color:yellow;
  }
}
 
</style>

💥 مثال ۲ :


⚡️مخفی کردن تگ ها با استفاده از دستور Media@ ( در مثال زیر، عکس در کامپیوتر یا لپ تاپ نمایش داده میشه ولی در گوشی های موبایل مخفی میشه و یک پیغام نمایش داده میشه و میگه که شما الان روی گوشی موبایل هستید ) :

/* وقتی اندازه صفحه کمتر از 500 پیکسل شد */

@media screen and (max-width: 500px) {
 img.MyImage {
  display: none;
 }
 .MyMessage {
  display: block;
 }
}

❓نقطه شکست صفحه نمایش چیست ؟

✨بطور کلی به اون اندازه ای از صفحه نمایش که قراره ( و باید ) شکسته بشه ( کمتر یا بیشتر بشه ) میگیم نقطه شکست، مثلا در دستور زیر :

@media only screen and (max-width: 500px) { ... }
1
@media only screen and (max-width: 500px) { ... }

✨نقطه شکست صفحه میشه اون ;max-width:500px ، یعنی وقتی اندازه صفحه نمایش کمتر از ۵۰۰ پیکسل شد فلان دستورات CSS بروی عناصر اعمال میشه، پس نقطه شکست به اون اندازه ای گفته میشه که باید عناصر به اصطلاح شکسته شوند و استایل جدید بگیرند.

#آموزش #برنامه_نویسی

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

5 سایت محشر واسه دانلود آیکون

هر آیکونی دلتون خواست اینجا میتونین پیدا کنید.

Flaticon.com

Fontawesome.com

Icons8.com

Dryicons.com

Iconshock.com

#آیکون


🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

GoodNight✨️

#Music


🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

⚡️ تفاوت طراحی UX و UI ⚡️

✨طراحی تجربه کاربری (UX) :

💥تمرکز : بر احساسات و تجربیات کلی کاربر در حین تعامل با محصول یا سامانه متمرکز است .

💥هدف : ایجاد یک تجربه کاربری لذت‌بخش، کارآمد و رضایت‌بخش است .

💥فعالیت‌ها : شامل تحقیقات کاربر، معماری اطلاعات ، طراحی تعامل ، تست کاربری و ... می‌شود .

💥مهارت‌ها : شامل روانشناسی، جامعه‌شناسی، طراحی بصری و ... ، می‌شود .

✨ طراحی رابط کاربری (UI) :

💥تمرکز : بر جنبه‌های بصری و تعاملی رابط کاربری متمرکز است .

💥هدف : ایجاد رابط کاربری جذاب، آسان برای استفاده و بصری است .

💥فعالیت‌ها : شامل طراحی گرافیک، تایپوگرافی، طراحی چیدمان، انیمیشن و ... می‌شود .

💥مهارت‌ها : شامل طراحی گرافیک، تئوری رنگ، اصول بصری و ... ، می‌شود .

#آموزش

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

عجیب ترین زبان برنامه نویسی که تا حالا دیدی چیه؟

پ.ن: شکسپیر

#برنامه_نویسی
#programming
🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

🔆 بهترین فونت‌ها برای طراحی سایت :

🖥 اگر دنبال فونت رایگان می‌گردید بدون شک فونت وزیر بهترین گزینه ممکن هستش .
✨مابقی فونت‌های داخل این عکس لایسنس دارند و باید براشون هزینه پرداخت کنید .

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

✔️ علاوه بر این 6 فونت ، خودم فونت‌های پینار، ابر و تحریر رو خیلی پیشنهاد میدم .

#برنامه_نویسی #طراحی_سایت

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

GoodNight✨️

#Music


🔆 کانال کافه کد:

@Cafe_Of_Code

🔆  گروه کافه کد :

@Cafe_Code_Gap

Complete Order | HTML & CSS & JS

✨

#برنامه_نویسی #تیکه_کد

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

🔆 اینم کدهاش❤️‍🔥

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

🤩✨با 27 سایت رایگان مشابه سایت ChatGPT آشنا بشید.

💥 اساساً ، ChatGPT یک «چت‌بات» مبتنی بر هوش مصنوعی که می‌تونه هر سوالی رو جواب بده👌

⚡️ ‏آدرس 27 سایت رایگان مشابه سایت ChatGPT به شرح زیر است :

‏1. ‌ chat.tgbot.co⁩
‏2. ‌ chat.theb.ai
3. freechatgpt.chat
4. fastgpt.app
5. freegpt.cc
6. freegpt.one
7. chatgpt.ddiu.me
8. chat.ninvfeng.xyz
9. aitoolgpt.com
10 chatsverse.xyz
11. chatforai.com
12. desk.im
13. ai.ls
14. ai.ci
15. talk.xiu.ee
16. scyu.app
17. chat2ai.cn
18. aigcfun.com
19. chat.forchange.cn
20. 94gpt.com
21. chat.yqcloud.top
22. ai117.com
23. chat.zecoba.cn
24. ai.yiios.com
25. xc.com
26. chat.paoying.net
27. ai-toolbox.codefuture.top


🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

مگه غیر از اینه؟😂😂😂

#فان


🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

🔆 هاور های جذابی میتونید با ویژگی filter تو css بسازید .

✨برای مثال این افکت .

img {filter: grayscale (100%);}

img:hover {filter: grayscale(0%);}
 

#برنامه_نویسی #CSS

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

💲درآمد مایکروسافت، بزرگترین شرکت دنیا که حدودا ۲۱۱میلیارد دلار هست از کجا میاد :

◀️خدمات ابری آژور : ۸۰ میلیارد

◀️آفیس : ۴۹ میلیارد

◀️ویندوز ۱۱ : ۲۲ میلیارد

◀️لینکداین : ۱۵ میلیارد

◀️اکس‌باکس : ۱۵ میلیارد

◀️کوپایلت و سرچ : ۱۲ میلیارد دلار

✅ خدمات ابری آژور مجموعه‌ای از خدمات متنوع و قدرتمند در زمینه رایانش ابری است. این خدمات طیف وسیعی از نیازهای کاربران را در زمینه‌های مختلف، از جمله توسعه و استقرار برنامه‌ها، ذخیره‌سازی داده‌ها، هوش مصنوعی، تجزیه و تحلیل داده‌ها، شبکه و امنیت و موارد دیگر، پوشش می‌دهد.

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

⚠️ نکته مهم این مطلب : منابع درآمدی مختلف داشته باشید .
👌 تنوع در منابع درآمدی کمک میکنه تو این تورم بتونید دوام بیارید .

#مایکروسافت


🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

💯🥳 روز مهندس رو به همه ی مشترکین عزیز کافه کد تبریک میگم 🥳🥳

⚡️ میگه که :

💥 دانشمندان آنچه را که هست کشف میکنند

🔆 مهندسان آنچه را که نیست خلق می کنند ... .

⚡️ به امید اینکه هر روز مخلوقات خفن تری از دیروز داشته باشید ✨❤️

@Cafe_Of_Code

⚡️ چیت شیت جدید سئو تکنیکال✨

💥 چیت شیت یا برگه تقلب ، یک برگه یا فایل خلاصه و فشرده است که به عنوان مرجع سریع برای یادآوری اطلاعات کلیدی در یک موضوع خاص استفاده می‌شود

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

🖥 اگر طراح سایت هستی باید اطلاعات خوبی در زمینه سئو داشته باش ؛

✨ چون اینجوری نسبت به رقبا و همکارها، مزیت رقابتی داری و قوی‌تر عمل می‌کنی

#سئو #سایت

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

✨ دوست داری یه نفر با ضریب هوشی اینشتین برای خودت استخدام کنی!؟😍

⚡️ صحبت های " محمد گودت " نویسنده و کارآفرین مصری و مدیر سابق ارشد کسب‌وکار در مرکز تحقیق و توسعه X گوگل که حسابی ذهنیتت رو نسبت به عصر امروز تغییر میده ‼️

#منهای_برنامه_نویسی #هوش_مصنوعی

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

ریتم این تبلیغ منو با خودش برد🙂💯

✨ شما چندبار دیدینش؟تونستین وسطش رها کنین یا نه؟
💥 و چیزی که می تونست این تبلیغ رو براتون جذاب کنه یا کرد چی بود ؟

#تبلیغ #اپل

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

Beating Heart | HTML CSS


✨ زیبایی ❤️

#تیکه_کد #سایت

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

⁉️ برنامه نویسی رو از کجا شروع کنیم ؟

💥 قبل از شروع برنامه نویسی، پیشنهاد میکنم اول اصول و مبانی و در ادامه منطق برنامه نویسی یا همون الگوریتم رو یاد بگیرید .

⚡️ نکته مهم : نهایت 15 تا 20 روز برای این دو تا باید وقت بذارید .

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

✨ اگر به کسی گفتید میخوام برنامه نویسی رو شروع کنم و بدون اینکه حوزه مورد نظر رو ازتون بپرسه گفت فلان زبان رو یاد بگیر از اون شخص دور نشید فرار کنید .
(یا آدم متعصبی هستش یا سودش در اون حرفه)

#برنامه_نویسی

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

✨ هر زمان به این واقعیت رسیدی و اونو پذیرفتی همون نقطه شروع رشد کردن و موفقیت‌هات میشه

⚡️ تا وقتی از بقیه انتظار کمک و ... داری هیچ اتفاقی نمیفته .
⚡️این رو بدون که فقط خودت هستی و خودت ... .

#انگیزشی #اندکی_تامل

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap

💯💥 احتمالا این چند روزه اسم warp به گوشتون خورده

⚡️ ترمینالی که جدیدا به لینوکس هم اومده و هوش مصنوعی و ... داره

✨ این ترمینال تونسته 50 میلیون دلار هم سرمایه جذب کنه

⚡️ اگه علاقه داشتید ویدیوی جادی رو دربار ببینید :

https://youtu.be/Dd4Z5PvfQFk


#هوش_مصنوعی #معرفی_ویدیو

🔆 کانال کافه کد:

@Cafe_Of_Code
🔆  گروه کافه کد :
@Cafe_Code_Gap