#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 ✅️

#html

👩‍💻 JavaScript-ni talab qilmaydigan 5 ta kuchli HTML atributlari

1⃣ Spellcheck - spellcheck attributi matnni imlo qoidalari bo'yicha tekshirish vazifasini bajaradi.

2⃣ Download - download yuklab olish atributi foydalanuvchilarga havolani bosganida to'g'ridan-to'g'ri resurslarni yuklab olish imkonini beradi.

3⃣ Video eskizi (Poster) - poster atributi bu video ijro etilmagan vaqtda foydalanuvchiga ko'rsatiladigan rasmni(poster) belgilaydi. Bu esa foydalanuvchi tajribasini yaxshilayi.

5⃣ Translate - translate atributi, veb-sahifa boshqa tilga tarjima qilinganda element tarkibini tarjima qilish kerakligini belgilashingiz mumkin. Uni "no" ga o'zgartirish orqali brend nomlari yoki muayyan shartlar uchun foydali bo'lgan asl tarkibni saqlab qoladi.

5⃣ Autocomplete - autocomplete avtomatik to‘ldirish atributi kiritish maydonlari uchun avtomatik to‘ldirish funksiyasini yoqadi yoki o‘chiradi, bu esa brauzer avval kiritilgan qiymatlarni taklif qilishi kerakligi ustidan nazoratni ta’minlaydi.

Tanishlarga ham yuborib qo'ying✅

➡️@Frontend ✅️

#figma #tailwind

Visual Copilot yordamida Figma-ni Tailwind CSS-ga eksport qiling

Visual Copilot yordamida Figma dizaynlarini Tailwind CSS kodiga osonlikcha aylantirib beradi. Ushbu sun'iy intellekt vositasi bilan vaqtni tejang va veb-saytlarni ishlab chiqish samaradorligini oshiring.

U React, Vue, Svelte, Angular, Qwik, Solid, va HTML ni qo’llab-quvvatlaydi va shuningdek, oddiy CSS, Tailwind, Emotion, Styled Components, va Styled JSX kabi turli xil stil yechimlari bilan optimallashtiradi.

🕸 Saytga o'tish

Tanishlarga ham yuborib qo'ying✅

➡️@Frontend ✅️

Assalomu aleykum!

Qadrli kanalimiz obunachilari agarda sizlarga kanalimiz faoliyati, postlarimiz saviyasi oz bo'lsada manfaatli bo'layotkan bo'lsa bundan biz mamnunmiz 👨‍💻. Biz kanalimizni yanada rivojlantirib yaxshi kontentlar berishimiz uchun sizlarning motivatsiyangiz kerak, yaxshimi yomonmi postlardagi izohlar qismiga o'z fikringizni boshqalar bilan ham bo'lishing 💬

Biz uchun motivatsiyani zo'ri bu reaksiyalardir (🔥 olov bosvoramiz) deydiku 😁!

E'tibor uchun hammaga rahmat !

#hazil

Kimda shunday bo'ladi? 😁

➡️@Frontend ✅️

🌐 Bepul va pullik icon larni taqdim etuvchi saytlar

1. Font Awesome
2. Boxicons
3. Material Icons
4. Heroicons
5. Icons8
6. Bootstrap Icons
7. Flaticon
8. IconFinder
9. Freepik
10. IconShock

💬 Yana qanday saytlarni bilasiz ? Izohlarda qoldiring

➡️@Frontend ✅️

#terminal

👩‍💻 Hyper.is

Veb texnologiyalar asosida ishlab chiqilgan terminal. Uning asosiy maqsadi terminal interfeys foydalanuvchilari uchun chiroyli va kengaytiriladigan tajribani yaratish. Terminal HTML/CSS/JS asosida yaratilgan.

🔗 Saytga o'tish

➡️@Frontend ✅️

❔ Chellenj #JAVASCRIPT

var a = 1;

function scopeQuiz() {
  console.log(a);
  var a = 2;
}

scopeQuiz();

➡️@Frontend ✅️

#HOSTING #BEPUL

🖥 Bepul hosting xizmatlarini taqdim etuvchi saytlar ro’yxati:

1. Netlify: Modern veb loyihalarni tezda joylashtirish uchun mo’ljallangan platforma.
2. 000webhost: Hostinger tomonidan taqdim etiladigan bepul hosting platformasi.
3. Heroku: Cloud platformasi, u dasturchilarga ilovalarini ishga tushirish, boshqarish va kengaytirish imkoniyatini beradi.
4. GitHub Pages: GitHub Pages, statik veb-sahifalarni bepul joylashtirish uchun mo’ljallangan.
5. Vercel: Front-end jamoalar uchun ishlab chiqilgan, ilovalarni ishga tushirish va joylashtirish uchun.
6. Render: Cloud platformasi
7. Surge: Statik veb-sahifalarni va SPA (Single-Page Applications) loyihalarni bepul joylashtirish uchun.
8. Tiiny Host: Kichik statik veb-sahifalarni tezda joylashtirish uchun.
9,10,11. InfinityFree, GoogieHost, Byethost: Bepul hosting xizmatlari to’plamidagi eng yaxshi xizmatlar.

Bu xizmatlar orqali siz yaratgan saytlaringizni bepul intrnetga joylashingiz mumkin!

Do'stlarga ham yuborib qo'ying✅

➡️@Frontend ✅️

👁‍🗨 Kompyuterda ko'p ishlash ko'z uchun zararli ekanligini hamma biladi. Ushbu videoda ko'zlarni dam oldirib, mashq qildirish uchun yaxshi tavsiyalar berilibdi.

➡️@Frontend ✅️

#VSCODE #PLAGIN

Indenticator

Ushbu plagin yordamida siz turli darajadagi bloklarni osongina ajrata olasiz.

👩‍💻 Plaginni o'rnatish

➡️@Frontend ✅️