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

#html

👩‍💻 htmlreference.io - HTML bo'yicha bepul qo'llanma. Unda barcha elementlar va atributlar mavjud.

@frontend

#html #css #chrome

🔍 Chrome 125 beta haqida

Google Chrome 125 beta versiyasi hozir beta sifatida mavjud. Bu versiya bir nechta yangi CSS xususiyatlari va o'zgarishlarni o'z ichiga oladi.

#️⃣CSS Anchor Positioning: Bu xususiyat JavaScript ishlatmasdan, sahifadagi boshqa elementlarga joylashtirilgan elementni bog'lashga imkon beradi.
#️⃣CSS stepped value functions—round(), mod(), and rem()
#️⃣ HTML Keyboard-focusable scroll containers
#️⃣ Web APIs
#️⃣ Chrome Apps

Bu va boshqa xususiyatlar haqida batafsil ma'lumot: https://developer.chrome.com/blog/chrome-125-beta

@frontend

#html #frontend

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.

4️⃣ 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.

@frontend | Happy Coding

#html #frontend

🖥 HTML popover yordamida foydalanuvchiga qo‘shimcha ma’lumot yoki interaktiv imkoniyatlar taqdim etish mumkin.

<button popovertarget="popover">Popover</button>
 
<div id="popover" popover>
  <p>Popover content</p>
</div>

@frontend | Happy Coding

#html #css #frontend

👟 Google I/O 2025: Veb dasturchilar uchun yangi HTML/CSS imkoniyatlari taqdim etildi.

Endi ayrim JS, CSS kodlari va kutubxonalarsiz ham ko‘p ishlarni bajarish mumkin.

-----

Google I/O 2025: New HTML/CSS Features Introduced for Web Developers

Now, many tasks can be done without using extra JS, CSS code, or libraries.

- Popover API
- Anchor positioning API
- Anchor Tool
- Command Invokers
- Customizable Select Menus
- CSS Carousels
- Carousel configurator
- CSS scroll-state()
- Hovercards (Interest Invokers Explainer)

🔗 Blog | 📷 Video

@frontend