👩‍💻 #css

💻 Modal oynasini yoki div elementini markazlashtirish va moslashuvchan(responsive) qilish uchun optimal css yechim.

CSS kodi:

.element {
  position: fixed;
  inset: 0px;
  width: 12rem;
  height: 5rem;
  max-width: 100vw;
  max-height: 100dvh;
  margin: auto;
}

inset: 0px = top: 0; right: 0; bottom: 0; left: 0;

Foydali kontent uchun OBUNA BO'LING:
👉 @Frontend ✅️

💻 revealjs.com - HTML taqdimot frameworki

Ushbu framework sizga quyidagi xizmatlarni bepul taqdim etadi:

— nested slides;
— Markdown support;
— Auto-Animate;
— PDF export;
— speaker notes;
— LaTeX typesetting;
— syntax highlighted code;
— extensive API

Foydali kontent uchun OBUNA BO'LING:
➡️@Frontend✅️

#sohagaOid #yangilik

Dasturlashni o‘rganib Xalqaro IT sertifikat olsangiz ketgan xarajatlarni qoplab beriladi.

Vazirlar Mahkamasining 2024-yil 17-fevraldagi 95-son qaroriga muvofiq:

2024-yil 1-martdan xalqaro IT-sertifikatlarga ega yoshlarning o‘qish hamda ushbu sertifikatlarni olish xarajatlarini 60 foizgacha bo‘lgan qismini qoplab berish tartibi va ingliz tilida B2 va undan yuqori darajadagi sertifikatga ega bo‘lgan yoshlarning xalqaro IT-sertifikatlar olish xarajatlarini to‘liq qoplab berish tartibi yolga qo'yilmoqda.

📂 Qaror bilan batafsil tanishish

Foydali kontent uchun OBUNA BO'LING:
➡️@Frontend✅️

Ma'lumot uchun!

👨‍💻Quyidagi havola orqali IT sertifikatlar ro‘yxati bilan tanishishingiz mumkin.

Havola: https://e-gov.uz/news/it-sertifikatlar-royxati-tasdiqlandi-1029

Foydali kontent uchun OBUNA BO'LING:
➡️@Frontend✅️

Ajoyib 👍

➡️@Frontend ✅️

Yozish effekti 👨‍💻

Harflarni ketma-ket kiritish effekti. Faqat so'zlarni kerakli so'zlar bilan almashtiring va ularni loyihangiz uchun ishlating.

👩‍💻 Kodga o'tish

➡️@Frontend ✅️

❓ Natija qanday boladi.

let i = 0;
for (; i < 5; i++) {
  setTimeout(() => console.log(i), 0);
}

➡️@Frontend ✅️

#figma #foydali

👩‍💻 Figmada Dev Mode'ni yoqish.

Ma'lumot uchun Figmada Dev Mode 1-fevraldan pullik bo'lgan edi.

➡️@Frontend ✅️

#ui

Yangi ishga tushgan Park UI

👨‍💻 “Park UI” - bu Ark UI asosida yaratilgan, siz tanlagan JS va CSS frameworklari uchun mo’ljallangan chiroyli dizaynli komponentlardir. Ushbu kutubxona quyidagi frameworklarni qo’llab-quvvatlaydi:

🐼 Panda CSS
👩‍💻 Tailwind CSS
👩‍💻 Solid CSS(rejalashtirilgan)
👩‍💻 React (ish jarayonida)
👩‍💻 Vue (rejalashtirilgan)

➡️@Frontend ✅️

#news #css

👩‍💻 “Project Wallace” - bu CSS analizatorlari to’plamidir, u saytning CSS komplekslarini, xususiyatlarni, ishlab chiqarish samaradorligini, dizayn tokenlarini va hokazo narsalarni tekshiradi. Ushbu veb-ilova sizga quyidagi frameworklarni qo’llab-quvvatlaydi:

⏺Chakra UI
⏺Panda CSS
⏺Tailwind CSS
⏺UnoCSS
⏺React (ish jarayonida)
⏺Solid (rejalashtirilgan)
⏺Vue (rejalashtirilgan)

➡️@Frontend ✅️

#vscode

👩‍💻 2024 yilda mahsuldorligingizni oshirish uchun VS Code extension'lari ⚡️

Quyidagi havolalar orqali kirib tanishishingiz/o'rnatishingiz mumkin:

— Better Comments - koddagi sharhlarni barcha uchun tushunarli qilib yozishga yordam beradi.
— Bookmarks - kodlarni belgilash, xatcho'p yaratib beradi.
— Code Spell Checker - kod bazasida imlo xatolarini topish va tuzatish uchun asosiy imlo tekshirgich
— CodeSnap - kodning skrinshotlarini olish uchun.
— CodiumAI - sun'iy intellektga asoslangan bepul kodlar to'plami.
— Error Lens - nosozliklarni tuzatish va xatolarni oldini olish uchun ajoyib vosita.
— Git History - versiya boshqaruvi, Git tarixi, qidiruv ...
— GitLens - kuchli Git vositasi bo'lib, u juda ko'p xususiyatlarni bitta kengaytmaga jamlagan. Jamoa bilan ishlashda juda foydali.
— GitHub Copilot - ChatGPT bilan integratsiyalangan kuchli AI yordamchi ($10/oyiga)
— Icon Themes - vizuallikni yaxshilash uchun: Material Theme Icons, vscode-icons, file-icons.
— Indent Rainbow - chiziqlar orqali kod o'qilishini yaxshilaydi.
— Live Share - kodni real vaqtda boshqalar bilan hamkorlikda tahrirlash va disk raskadrovka qilish.
— Multiple Cursor Case Preserve - kodni tez tahrirlashga yordam beradi.
— Path Intellisense - dinamik ravishda fayl yo'llari va katalog nomlarini taklif qiladigan aqlli avtomatik to'ldirishga ega.
— Prittier - kodni formatlash.
— TODO Highlight - kodingizdagi TODO, FIXME va boshqa izohlarni ajratib ko'rsatadi.

Tanishlarga ham yuborib qo'ying✅

➡️@Frontend ✅️