❤12👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 انعکاس تصاویر با استفاده از ویژگی CSS Box-Reflect🔥
⚡️ به شما امکان می دهد محتویات یک عنصر را در یک جهت خاص (بالا، پایین، راست، چپ) منعکس کنید .
💥 پارامتر دوم مسئول آفست است. و جالب‌تر این است که میتوانیم با استفاده از پارامتر سوم، یک گرادیان را به عنوان افکت محو اضافه کنیم .
🔗 ورود به سایتش
#Tip #Css #Sitr
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
⚡️ به شما امکان می دهد محتویات یک عنصر را در یک جهت خاص (بالا، پایین، راست، چپ) منعکس کنید .
💥 پارامتر دوم مسئول آفست است. و جالب‌تر این است که میتوانیم با استفاده از پارامتر سوم، یک گرادیان را به عنوان افکت محو اضافه کنیم .
-webkit-box-reflect: below 0px offset linear-gradient(180deg , rgba(#fff, 0 ) 0% , rgba(#fff, 0 ) 100% );
🔗 ورود به سایتش
#Tip #Css #Sitr
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
👍6👨💻2
✨ به این نصیحت از انیمیشن " Up " گوش بدید :
💯 « از چیزهای کوچک زندگی لذت ببرید .
یک روز به عقب بر می‌گردید و می‌فهمید که اون‌ها بزرگترین دارایی‌تون بودند »❤️
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
💎 درسته باید تخصص یاد بگیرم و بتونیم به درآمد برسیم، ولی اینو یادتون نره سعی کنید از زندگیتون لذت ببرید حتی لذت از چیزای کوچیک مثل قدم زدن ، دوش گرفتن ، هم کلامی با عزیزی و ... ؛
#motivational
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
💯 « از چیزهای کوچک زندگی لذت ببرید .
یک روز به عقب بر می‌گردید و می‌فهمید که اون‌ها بزرگترین دارایی‌تون بودند »❤️
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
💎 درسته باید تخصص یاد بگیرم و بتونیم به درآمد برسیم، ولی اینو یادتون نره سعی کنید از زندگیتون لذت ببرید حتی لذت از چیزای کوچیک مثل قدم زدن ، دوش گرفتن ، هم کلامی با عزیزی و ... ؛
#motivational
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤9
🔸ویژگی animation-play-state در CSS
با استفاده از ویژگی animation-play-state در CSS میتوان مشخص کرد که آیا انیمیشن اجرا شود یا مثلا در حالت مکث ( Pause ) باشد و اجرا نشود.
🔸با استفاده از این ویژگی در جاوااسکریپت به راحتی میتوان ۲ دکمه ایجاد کرد که با استفاده از آن دکمه ها پخش و استپ شدن انیمیشن را کنترل کرد . ( نمونه در مثال شماره ۱ کمی پایین تر )
🔸مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی animation-play-state را در زبان CSS مشاهده نمایید
مثال :
#Html #Css #Js
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
با استفاده از ویژگی animation-play-state در CSS میتوان مشخص کرد که آیا انیمیشن اجرا شود یا مثلا در حالت مکث ( Pause ) باشد و اجرا نشود.
🔸با استفاده از این ویژگی در جاوااسکریپت به راحتی میتوان ۲ دکمه ایجاد کرد که با استفاده از آن دکمه ها پخش و استپ شدن انیمیشن را کنترل کرد . ( نمونه در مثال شماره ۱ کمی پایین تر )
🔸مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی animation-play-state را در زبان CSS مشاهده نمایید
مثال :
<style>
#MyBox{
width:100px;
height:100px;
position: relative;
background-color: red;
animation: free-learn 2s infinite;
animation-play-state: paused;
}
</style>
#Html #Css #Js
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
🔥11
⚠️ توی تاریکی یا نور خیلی کم کد نویسی نکنید چون نور کم ما را کند ذهن می‌کند!
♾♾♾♾♾♾♾♾♾♾♾♾♾♾♾♾
⚠️ حقیقات دانشمندان امریکایی نشان داده است اتاق های کم نور راندمان مغز را پایین می آورند.
✅ محققان به این نتیجه رسیدند که نور کم ارتباط بین نورون های مغزی را کم می کند و منجر به کم شدن هوش می شود. به عبارت دیگر، نور کم ما را کند ذهن می کند.
#programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
♾♾♾♾♾♾♾♾♾♾♾♾♾♾♾♾
⚠️ حقیقات دانشمندان امریکایی نشان داده است اتاق های کم نور راندمان مغز را پایین می آورند.
✅ محققان به این نتیجه رسیدند که نور کم ارتباط بین نورون های مغزی را کم می کند و منجر به کم شدن هوش می شود. به عبارت دیگر، نور کم ما را کند ذهن می کند.
#programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
👍7💯3
🔶 تگ area در HTML
تگ area تگی است که ما با استفاده از آن میتوانیم یک ناحیه ( یا محدوده ) قابل کلیک را در یک نقشه تصویری ایجاد نماییم. ( نقشه تصویری به یک عکس که قسمت های مختلف آن قابل کلیک شدن باشد گفته می شود )
⚠️تگ <area> همیشه باید درون تگ <map> قرار بگیرد و استفاده شود.
🔷 مثال از تگ area در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
تگ area تگی است که ما با استفاده از آن میتوانیم یک ناحیه ( یا محدوده ) قابل کلیک را در یک نقشه تصویری ایجاد نماییم. ( نقشه تصویری به یک عکس که قسمت های مختلف آن قابل کلیک شدن باشد گفته می شود )
⚠️تگ <area> همیشه باید درون تگ <map> قرار بگیرد و استفاده شود.
🔷 مثال از تگ area در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
<body>#programming #Html #Css
<img src="files/planets.jpg" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="files/sun.html">
<area shape="circle" coords="90,58,3" href="files/mercury.html">
<area shape="circle" coords="124,58,8" href="files/venus.html">
</map>
</body>
<body>
<img src="files/planets.jpg" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="files/sun.html">
<area shape="circle" coords="90,58,3" href="files/mercury.html">
<area shape="circle" coords="124,58,8" href="files/venus.html">
</map>
</body>
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
🔥11
⚡️ ارسال درخواست با جاوا اسکریپت :
یکی از دانش های مورد نیاز از جاوا اسکریپت ارسال درخواست (http) هست .
🔥 دو روش رایج برای ارسال درخواست با جاوا اسکریپت وجود دارد :
1. استفاده از XML HttpRequest (XHR)
2. استفاده از Fetch API مدرن‌تر و کاربرپسندتر است
✨ ارسال درخواست GET با XHR:
یک نمونه کد ساده برای ارسال درخواست GET با استفاده از XHR :
✨ ارسال درخواست POST با XHR :
برای ارسال درخواست POST با XHR، باید از هدر
#Js #programming
ممنون که مارو به دوستاتون معرفی میکنید❤️
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
یکی از دانش های مورد نیاز از جاوا اسکریپت ارسال درخواست (http) هست .
🔥 دو روش رایج برای ارسال درخواست با جاوا اسکریپت وجود دارد :
1. استفاده از XML HttpRequest (XHR)
2. استفاده از Fetch API مدرن‌تر و کاربرپسندتر است
✨ ارسال درخواست GET با XHR:
یک نمونه کد ساده برای ارسال درخواست GET با استفاده از XHR :
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com/data.json');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(JSON.parse(xhr.responseText));
} else {
console.error('Error:', xhr.statusText);
}
};
xhr.send();
✨ ارسال درخواست POST با XHR :
برای ارسال درخواست POST با XHR، باید از هدر
Content-Type برای داده ارسالی استفاده کنید.const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://www.example.com/submit-data');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
if (xhr.status === 200) {
console.log('Data submitted successfully!');
} else {
console.error('Error:', xhr.statusText);
}
};
const data = {
name: 'John Doe',
email: 'johndoe@example.com',
message: 'This is a test message.'
};
xhr.send(JSON.stringify(data));
#Js #programming
ممنون که مارو به دوستاتون معرفی میکنید❤️
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤11
🔆 امروز روز پاسداشت زبان شیرین فارسی و روز بزرگداشت حاکم سخن ابولقاسم فردوسیه ک حق زیادی ب گردن فارسی و فارسی زبانان داره ❤️
#News
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
#News
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤11👍5
💥 سرعت وایفای کشور‌های مختلف تو یک ماه اخیر ؛
⚡️ فلسطین جنگ زده : 66.76
⚡️ ایران : 13.78
#News
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
⚡️ فلسطین جنگ زده : 66.76
⚡️ ایران : 13.78
#News
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
💔13
💥 سرعت کد نویست رو حداقل 2 برابر کن😳
فقط کافیه افزونه Tabnine رو روی VS Code نصب کنید. ویژگی‌های اصلی افزونه Tabnine:
⚡️ تکمیل خودکار کد: افزونه Tabnine به صورت خودکار و هوشمند پیشنهاداتی برای تکمیل خودکار کدهای شما ارائه می‌دهد.
⚡️ پشتیبانی از زبان‌های برنامه‌نویسی مختلف: این افزونه پشتیبانی از متداولترین زبان‌های برنامه‌نویسی مانند Python، JavaScript، Java، ++Cو ... را داراست.
⚡️ پیشنهادات مخصوص پروژه: Tabnine از اطلاعات مرتبط با پروژه شما استفاده می‌کند تا پیشنهاداتی متناسب با ساختار و نیازهای پروژه شما ارائه دهد.
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
⚙️ با استفاده از افزونه Tabnine، میتوانید فرایند نوشتن کد را سریع‌تر و کارآمدتر کنید و همچنین از کیفیت کدهای خود بهترین حد ممکن را بدست آورید.
✅ اگر برنامه نویسی براتون جدی هستش از این افزونه حتما استفاده کنید. خداستتتت ...
🔗 لینک افزونه
#VsCode #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
فقط کافیه افزونه Tabnine رو روی VS Code نصب کنید. ویژگی‌های اصلی افزونه Tabnine:
⚡️ تکمیل خودکار کد: افزونه Tabnine به صورت خودکار و هوشمند پیشنهاداتی برای تکمیل خودکار کدهای شما ارائه می‌دهد.
⚡️ پشتیبانی از زبان‌های برنامه‌نویسی مختلف: این افزونه پشتیبانی از متداولترین زبان‌های برنامه‌نویسی مانند Python، JavaScript، Java، ++Cو ... را داراست.
⚡️ پیشنهادات مخصوص پروژه: Tabnine از اطلاعات مرتبط با پروژه شما استفاده می‌کند تا پیشنهاداتی متناسب با ساختار و نیازهای پروژه شما ارائه دهد.
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
⚙️ با استفاده از افزونه Tabnine، میتوانید فرایند نوشتن کد را سریع‌تر و کارآمدتر کنید و همچنین از کیفیت کدهای خود بهترین حد ممکن را بدست آورید.
✅ اگر برنامه نویسی براتون جدی هستش از این افزونه حتما استفاده کنید. خداستتتت ...
🔗 لینک افزونه
#VsCode #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤7👍5
GANG
Catchybeatz
❤6👍6
👍6❤5🔥2
🐬 مختل کردن شبکه با پایتون 🥷
#python #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
آدرس گیت هاب هم داره 👇👇
git clone https://github.com/bhikandeshmukh/Wi-Fi-Jammer.git
cd Wi-Fi-Jammer
python wifijammer.py
#python #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
آدرس گیت هاب هم داره 👇👇
GitHub
GitHub - bhikandeshmukh/Wi-Fi-Jammer: Wi-Fi-Jammer Using Python Script As BlackHat
Wi-Fi-Jammer Using Python Script As BlackHat. Contribute to bhikandeshmukh/Wi-Fi-Jammer development by creating an account on GitHub.
👨💻6🕊2👍1
⚡️ منبع مفید و کاربردی برای سوالات مصاحبه ای در لول های متفاوت در حوزه‌های مختلف برنامه‌نویسی Full-stack ، الگوریتم ها و System Design
💥 تصویره هم برای بکگراند pc باحاله 💥
♾ برای ورود به سایت کلیک کنید ♾
#Site #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
💥 تصویره هم برای بکگراند pc باحاله 💥
♾ برای ورود به سایت کلیک کنید ♾
#Site #programming
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
❤10
❤18👍4🤣3
💥 اختلال شدید زیرساخت کشور همزمان با فیلترینگ شدید پروکسیهای تلگرام
#News #Net
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
#News #Net
Channel • @Cafe_Of_Code
Group • @Cafe_Code_Gap
👍10🕊4