1.6M حجم رسانه بالاست
مشاهده در ایتا
#ایران
🎥 حس غرور مردم از عملکرد خوب پدافند هوایی ایران./
ایران وطنممممم🥹🤍🤍❤️🟢
6.5M حجم رسانه بالاست
مشاهده در ایتا
☘وطن بسوزد و من در جوش و خروش نباشم؟ خدا کند که بمیرم و وطن فروش نباشم ...
@RuqyahComputerAssociation
چرا نباید از !important توی CSS زیاد استفاده کنیم؟ 🚫
✅ !important باعث میشه اولویتبندی استایلها به هم بریزه!
✅ بهتره از specificity و cascading درست استفاده کنی.
✅ تنها جایی که !important منطقیه:
✔ استایلهای موقتی برای دیباگ
✔ زمانی که کنترل روی کدهای اصلی نداری (مثلاً در قالبهای آماده)
🔥 کد تمیز = تغییر راحتتر و مشکلات کمتر!
🖥 @RuqyahComputerAssociation
فونتهای استاندارد وب چیا هستن؟ 🔤
✅ Sans-serif (خوانا و مدرن):
✔ Roboto
✔ Open Sans
✔ Montserrat
✅ Serif (کلاسیک و رسمی):
✔ Merriweather
✔ Playfair Display
✔ Lora
✅ Monospace (برای کد و تکنولوژی):
✔ Source Code Pro
✔ Fira Code
🔥 فونت درست، تجربه کاربری سایت رو متحول میکنه
🖥 @RuqyahComputerAssociation
چرا نباید از px توی طراحی سایت استفاده کنیم؟ 🤯
✅ px مقیاسپذیر نیست، ولی rem/em واکنشگرا هستن!
✅ rem: اندازه نسبی نسبت به root (html { font-size: 16px; })
✅ em: اندازه نسبی نسبت به والد (p { font-size: 1.5em; })
✅ % و vw/vh: برای تنظیمات بهتر در نمایشگرهای مختلف.
🔥 از rem و em استفاده کن تا سایتت توی همه صفحهها عالی
باشه!
🖥 @RuqyahComputerAssociation
✅ شرت کات های محبوب 𝗩𝘀 𝗖𝗼𝗱𝗲
▫️𝗖𝘁𝗿𝗹 + 𝗕
بستن و باز کردن پنجره سمت چپ
▫️𝗖𝘁𝗿𝗹 + 𝗫
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗖
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗩
جایگذاری آن خط
▫️𝗛𝗼𝗺𝗲
رفتن به اولین خط
▫️𝗘𝗻𝗱
رفتن به آخرین خط
▫️𝗣𝗮𝗴𝗲 𝗨𝗽
رفتن به اولین خط کد ها
▫️𝗣𝗮𝗴𝗲 𝗗𝗼𝘄𝗻
رفتن به آخرین خط کد ها
▫️𝗖𝘁𝗿𝗹 + ➡️ 𝗢𝗿 ⬅️
کلمه به کلمه عقب یا جلو رفتن
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗵𝗶𝗳𝘁 + ➡️ 𝗢𝗿 ⬅️
انتخاب کلمات جلو یا عقب
▫️𝗖𝘁𝗿𝗹 + 𝗗𝗲𝗹𝗲𝘁𝗲
پاک کردن کلمه به کلمه
▫️𝗙1
باز کردن پنجره بالا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗛𝗼𝗺𝗲
انتخاب انتهای متن با ابتدا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗘𝗻𝗱
انتخاب ابتدا و انتهای کد
▫️𝗖𝘁𝗿𝗹 + 𝗗
تغییر چند متن پشت هم(کلمات یکسان)
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗽𝗮𝗰𝗲
آوردن پیشنهاد ها
▫️𝗖𝘁𝗿𝗹 + /
کامنت کردن
▫️𝗖𝘁𝗿𝗹 + 𝗟
انتخاب خط به خط کد ها
▫️𝗖𝘁𝗿𝗹 + 𝗣
جابهجایی فولدر ها
▫️𝗖𝘁𝗿𝗹 + 𝗙
پیدا کردن یک نام یا کلمه
▫️𝗖𝘁𝗿𝗹 + 𝗧𝗮𝗯
جا به جایی بین فایل
▫️𝗔𝗹𝘁 + ⬆️ 𝗢𝗿 ⬇️
جابهجایی کد
▫️𝗖𝘁𝗿𝗹 + 𝗔𝗹𝘁 + ⬇️ 𝗢𝗿 ⬆️
ویرایش چند کد همزمان
♨️ @RuqyahComputerAssociation
۵ نکته فنی برای طراحی یه سایت حرفهای که کاربرا عاشقش بشن!
🛠 ۱. ساختار و معماری سایت (Website Architecture):
ساختار سایت باید تمیز و منظم باشه. از HTML Semantic Tags مثل <header>, <main>, و <footer> استفاده کن. اینطوری هم سئو بهتر میشه، هم کد سایتت خواناتر میشه.
نکته مهم: تا جایی که میتونی از تکرار کد جلوگیری کن و بخشهای مشترک رو توی کامپوننتهای مجزا قرار بده.
🎨 ۲. طراحی رابط کاربری (UI) و تجربه کاربری (UX):
تو طراحی سایت، حتماً از Grid System استفاده کن که چینش المانها درست و منظم باشه.
رنگبندی سایت رو بر اساس تئوری رنگها تنظیم کن و برای فونتها از Web Safe Fonts استفاده کن.
نکته: حواست به فاصلهگذاریها (Padding & Margin) باشه تا همهچیز مرتب دیده بشه.
⚡ ۳. بهینهسازی سرعت سایت (Performance Optimization):
سرعت سایت مستقیم روی تجربه کاربری و رتبه گوگل تاثیر میذاره.
چیکار کنی؟
فایلهای CSS و JS رو فشرده کن.
از Lazy Loading برای تصاویر استفاده کن.
حتماً از Content Delivery Network (CDN) استفاده کن تا سایتت سریعتر لود بشه.
📱 ۴. ریسپانسیو کردن سایت (Responsive Design):
از Media Queries استفاده کن تا سایتت روی همه دستگاهها درست نمایش داده بشه.
همچنین از Flexbox و Grid برای چینش استفاده کن تا دیگه نگران بهمریختگی نباشی.
نکته: هیچوقت طراحی موبایل رو دستکم نگیر! بیشتر کاربرا از موبایل وارد سایت میشن.
🔍 ۵. سئو تکنیکال (Technical SEO):
برای اینکه سایتت توی گوگل رتبه خوبی بگیره، باید به سئوی تکنیکال توجه کنی:
URL Structure: لینکها باید کوتاه و قابل فهم باشن.
Meta Tags: برای هر صفحه عنوان (Title) و توضیحات (Meta Description) مناسب بنویس.
از Schema Markup استفاده کن تا گوگل بهتر محتوای سایتت رو درک کنه.
🎉 جمعبندی:
اگه این نکات رو رعایت کنی، سایتت هم حرفهای به نظر میرسه، هم کاربرا راحت باهاش کار میکنن، هم توی گوگل راحت پیدا میشی. 💻 موفق باشی رفیق!
🖥️ @RuqyahComputerAssociation
719.2K حجم رسانه بالاست
مشاهده در ایتا
✅فهرست کدهای خطای سایت ..!!
✴️ مکانیک ماشین خودت باش 🔥🔥👇👇
@RuqyahComputerAssociation
1.7M حجم رسانه بالاست
مشاهده در ایتا
✅مقایسه عملکرد مدلهای هوش مصنوعی در کدنویسی
@RuqyahComputerAssociation