#text

سعی کنید خلاقانه باشه و تکراری نباشه

از هر زبان برنامه نویسی خواستید میتونید استفاده کنید

تا حد امکان سمی باشید 😂

<div popover id="mydiv">
  <h2>من تایتلم</h2>
  <hr>
  <p>حال کن اینم از پاپ‌اور شما 😎</p>
  <button popovertarget="mydiv" popovertargetaction="hide">فشار بده جهت بستن</button>
</div>

<button popovertarget="mydiv">فشار بده جهت باز شدن</button>

#️⃣ #html #popover

🚀 @coolycode

#website #programming

با ساختن پروفایل خودتون تو این سایت میتونید از همه امکاناتش استفاده کنید و کلی نکات خفن و جذاب یادبگیرید 🚀

🚀 @coolycode

#vscode #extension

CTRL + SHIFT + P

copy css class

الان همه کلس هات رو به قالب کد های css کپی‌کرده و میتونی توی هر فایلی که میخوای paste اشون کنی ⚡

🚀 @coolycode

#️⃣ #vs #css #shadow

🚀 @coolycode

#website #programming #icon

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

🚀 @coolycode

#️⃣ #fun #javanoscript

🚀@coolycode

امروز : بخدا از امشب دیگه زود میخوابم 👇

امشب : نه نمیتونمممممممم بزار یکم دیگه کار کنم ( و همه ایده ها الهام میشود ) 👆

#vim

اول کلید Esc رو فشار بدید تا وارد حالت فرمان بشید و بعد

1️⃣ اگر تغییری ندادید یا نمی‌خواید که تغییرات ذخیره بشن کامند SHIFT+ZQ یا این شورت کات رو بزنید :

:q!

2️⃣ و اگر تغییراتی دادید داخل فایل ها و نیاز دارید که ذخیره کنید کامند SHIFT+ZZ یا این شورت کات رو بزنید :

:wq

🚀 @coolycode

🔥 بهترین ویدیو های برنامه نویسی اینستاگرامی

🎨 ترفند ها و‌ نکات برنامه نویسی

📊 معرفی بهترین پیج های آموزشی

❤️ پرسش و پاسخ در کنار برنامه نویس ها

🚀 @CoolyCode

اگر کاستوم زدید بگید که لایته یا دارک 👌

● ریسپانسیو کردن المنت ها و جلوگیری از بروز این مشکل در سایز های کوچک تر.

● استفاده از واحدهای نسبی مثل % یا vw این.

.element {
  width: 100vw;
}

* { box-sizing: border-box; }

استفاده از box-sizing: border-box باعث می‌شود padding و border داخل عرض اصلی محاسبه شوند.

.out-of-bounds { position: absolute; left: 2000px; } 

استفاده ویژگی‌های word-break و overflow-wrap باعث میشه تا مرورگر در صورت برخورد با کلمات بلند، اونها رو به صورت خودکار شکسته و در خطوط جدید قرار دهد.

.long-text {
  word-break: break-all;
  overflow-wrap: break-word;
}

body { overflow-x: hidden; }

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

اگر براتون کاربردی و مفید بود حمایت یادتون نره، برای رفقاتونم بفرستید تا استفاده کنن 🔥❤️

#️⃣ #overflow #css #webpage

🚀 @coolycode

#️⃣ #NEWPost

🚀 @coolycode