Logo video2dn
  • ะกะพั…ั€ะฐะฝะธั‚ัŒ ะฒะธะดะตะพ ั ัŽั‚ัƒะฑะฐ
  • ะšะฐั‚ะตะณะพั€ะธะธ
    • ะœัƒะทั‹ะบะฐ
    • ะšะธะฝะพ ะธ ะะฝะธะผะฐั†ะธั
    • ะะฒั‚ะพะผะพะฑะธะปะธ
    • ะ–ะธะฒะพั‚ะฝั‹ะต
    • ะกะฟะพั€ั‚
    • ะŸัƒั‚ะตัˆะตัั‚ะฒะธั
    • ะ˜ะณั€ั‹
    • ะ›ัŽะดะธ ะธ ะ‘ะปะพะณะธ
    • ะฎะผะพั€
    • ะ ะฐะทะฒะปะตั‡ะตะฝะธั
    • ะะพะฒะพัั‚ะธ ะธ ะŸะพะปะธั‚ะธะบะฐ
    • Howto ะธ ะกั‚ะธะปัŒ
    • Diy ัะฒะพะธะผะธ ั€ัƒะบะฐะผะธ
    • ะžะฑั€ะฐะทะพะฒะฐะฝะธะต
    • ะะฐัƒะบะฐ ะธ ะขะตั…ะฝะพะปะพะณะธะธ
    • ะะตะบะพะผะผะตั€ั‡ะตัะบะธะต ะžั€ะณะฐะฝะธะทะฐั†ะธะธ
  • ะž ัะฐะนั‚ะต

ะกะบะฐั‡ะฐั‚ัŒ ะธะปะธ ัะผะพั‚ั€ะตั‚ัŒ ๐—›๐—ง๐— ๐—Ÿ ๐—ท๐˜‚๐˜€๐˜ ๐—ฒ๐˜ƒ๐—ผ๐—น๐˜ƒ๐—ฒ๐—ฑ โ€” ๐—ฎ๐—ป๐—ฑ ๐—ถ๐˜โ€™๐˜€ ๐—ณ๐—ถ๐—ป๐—ฎ๐—น๐—น๐˜† ๐˜๐—ฎ๐—ธ๐—ถ๐—ป๐—ด ๐—ฏ๐—ฎ๐—ฐ๐—ธ ๐˜€๐—ผ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฏ๐—ฒ๐—ต๐—ฎ๐˜ƒ๐—ถ๐—ผ๐—ฟ ๐—ณ๐—ฟ๐—ผ๐—บ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜

  • Rohit Luthra
  • 2025-12-15
  • 52
๐—›๐—ง๐— ๐—Ÿ ๐—ท๐˜‚๐˜€๐˜ ๐—ฒ๐˜ƒ๐—ผ๐—น๐˜ƒ๐—ฒ๐—ฑ โ€” ๐—ฎ๐—ป๐—ฑ ๐—ถ๐˜โ€™๐˜€ ๐—ณ๐—ถ๐—ป๐—ฎ๐—น๐—น๐˜† ๐˜๐—ฎ๐—ธ๐—ถ๐—ป๐—ด ๐—ฏ๐—ฎ๐—ฐ๐—ธ ๐˜€๐—ผ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฏ๐—ฒ๐—ต๐—ฎ๐˜ƒ๐—ถ๐—ผ๐—ฟ ๐—ณ๐—ฟ๐—ผ๐—บ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜
  • ok logo

ะกะบะฐั‡ะฐั‚ัŒ ๐—›๐—ง๐— ๐—Ÿ ๐—ท๐˜‚๐˜€๐˜ ๐—ฒ๐˜ƒ๐—ผ๐—น๐˜ƒ๐—ฒ๐—ฑ โ€” ๐—ฎ๐—ป๐—ฑ ๐—ถ๐˜โ€™๐˜€ ๐—ณ๐—ถ๐—ป๐—ฎ๐—น๐—น๐˜† ๐˜๐—ฎ๐—ธ๐—ถ๐—ป๐—ด ๐—ฏ๐—ฎ๐—ฐ๐—ธ ๐˜€๐—ผ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฏ๐—ฒ๐—ต๐—ฎ๐˜ƒ๐—ถ๐—ผ๐—ฟ ๐—ณ๐—ฟ๐—ผ๐—บ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ะฑะตัะฟะปะฐั‚ะฝะพ ะฒ ะบะฐั‡ะตัั‚ะฒะต 4ะบ (2ะบ / 1080p)

ะฃ ะฝะฐั ะฒั‹ ะผะพะถะตั‚ะต ัะบะฐั‡ะฐั‚ัŒ ะฑะตัะฟะปะฐั‚ะฝะพ ๐—›๐—ง๐— ๐—Ÿ ๐—ท๐˜‚๐˜€๐˜ ๐—ฒ๐˜ƒ๐—ผ๐—น๐˜ƒ๐—ฒ๐—ฑ โ€” ๐—ฎ๐—ป๐—ฑ ๐—ถ๐˜โ€™๐˜€ ๐—ณ๐—ถ๐—ป๐—ฎ๐—น๐—น๐˜† ๐˜๐—ฎ๐—ธ๐—ถ๐—ป๐—ด ๐—ฏ๐—ฎ๐—ฐ๐—ธ ๐˜€๐—ผ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฏ๐—ฒ๐—ต๐—ฎ๐˜ƒ๐—ถ๐—ผ๐—ฟ ๐—ณ๐—ฟ๐—ผ๐—บ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ะธะปะธ ะฟะพัะผะพั‚ั€ะตั‚ัŒ ะฒะธะดะตะพ ั ัŽั‚ัƒะฑะฐ ะฒ ะผะฐะบัะธะผะฐะปัŒะฝะพะผ ะดะพัั‚ัƒะฟะฝะพะผ ะบะฐั‡ะตัั‚ะฒะต.

ะ”ะปั ัะบะฐั‡ะธะฒะฐะฝะธั ะฒั‹ะฑะตั€ะธั‚ะต ะฒะฐั€ะธะฐะฝั‚ ะธะท ั„ะพั€ะผั‹ ะฝะธะถะต:

  • ะ˜ะฝั„ะพั€ะผะฐั†ะธั ะฟะพ ะทะฐะณั€ัƒะทะบะต:

Cะบะฐั‡ะฐั‚ัŒ ะผัƒะทั‹ะบัƒ ๐—›๐—ง๐— ๐—Ÿ ๐—ท๐˜‚๐˜€๐˜ ๐—ฒ๐˜ƒ๐—ผ๐—น๐˜ƒ๐—ฒ๐—ฑ โ€” ๐—ฎ๐—ป๐—ฑ ๐—ถ๐˜โ€™๐˜€ ๐—ณ๐—ถ๐—ป๐—ฎ๐—น๐—น๐˜† ๐˜๐—ฎ๐—ธ๐—ถ๐—ป๐—ด ๐—ฏ๐—ฎ๐—ฐ๐—ธ ๐˜€๐—ผ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฏ๐—ฒ๐—ต๐—ฎ๐˜ƒ๐—ถ๐—ผ๐—ฟ ๐—ณ๐—ฟ๐—ผ๐—บ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ะฑะตัะฟะปะฐั‚ะฝะพ ะฒ ั„ะพั€ะผะฐั‚ะต MP3:

ะ•ัะปะธ ะธะบะพะฝะบะธ ะทะฐะณั€ัƒะทะบะธ ะฝะต ะพั‚ะพะฑั€ะฐะทะธะปะธััŒ, ะŸะžะ–ะะ›ะฃะ™ะกะขะ, ะะะ–ะœะ˜ะขะ• ะ—ะ”ะ•ะกะฌ ะธะปะธ ะพะฑะฝะพะฒะธั‚ะต ัั‚ั€ะฐะฝะธั†ัƒ
ะ•ัะปะธ ัƒ ะฒะฐั ะฒะพะทะฝะธะบะปะธ ั‚ั€ัƒะดะฝะพัั‚ะธ ั ะทะฐะณั€ัƒะทะบะพะน, ะฟะพะถะฐะปัƒะนัั‚ะฐ, ัะฒัะถะธั‚ะตััŒ ั ะฝะฐะผะธ ะฟะพ ะบะพะฝั‚ะฐะบั‚ะฐะผ, ัƒะบะฐะทะฐะฝะฝั‹ะผ ะฒ ะฝะธะถะฝะตะน ั‡ะฐัั‚ะธ ัั‚ั€ะฐะฝะธั†ั‹.
ะกะฟะฐัะธะฑะพ ะทะฐ ะธัะฟะพะปัŒะทะพะฒะฐะฝะธะต ัะตั€ะฒะธัะฐ video2dn.com

ะžะฟะธัะฐะฝะธะต ะบ ะฒะธะดะตะพ ๐—›๐—ง๐— ๐—Ÿ ๐—ท๐˜‚๐˜€๐˜ ๐—ฒ๐˜ƒ๐—ผ๐—น๐˜ƒ๐—ฒ๐—ฑ โ€” ๐—ฎ๐—ป๐—ฑ ๐—ถ๐˜โ€™๐˜€ ๐—ณ๐—ถ๐—ป๐—ฎ๐—น๐—น๐˜† ๐˜๐—ฎ๐—ธ๐—ถ๐—ป๐—ด ๐—ฏ๐—ฎ๐—ฐ๐—ธ ๐˜€๐—ผ๐—บ๐—ฒ ๐—จ๐—œ ๐—ฏ๐—ฒ๐—ต๐—ฎ๐˜ƒ๐—ถ๐—ผ๐—ฟ ๐—ณ๐—ฟ๐—ผ๐—บ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜

HTML is introducing a ๐—บ๐—ผ๐—ฟ๐—ฒ ๐—ฑ๐—ฒ๐—ฐ๐—น๐—ฎ๐—ฟ๐—ฎ๐˜๐—ถ๐˜ƒ๐—ฒ ๐˜„๐—ฎ๐˜† ๐˜๐—ผ ๐—ฒ๐˜…๐—ฝ๐—ฟ๐—ฒ๐˜€๐˜€ ๐—จ๐—œ ๐—ฎ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€, and browsers are starting to implement it.

Two new attributes are emerging in the HTML spec:

1. command="action" โ€” specifies what action to perform
2. commandfor="id" โ€” targets another element by its id

๐—ช๐—ต๐˜† ๐˜๐—ต๐—ถ๐˜€ ๐—บ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ๐˜€

Traditionally, making a button control another element (like opening a menu or dialog) ๐—ฟ๐—ฒ๐—พ๐˜‚๐—ถ๐—ฟ๐—ฒ๐—ฑ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜:

โ€ข event listeners
โ€ข DOM queries
โ€ข manual accessibility handling

Even for simple interactions, the code often became verbose and fragile.

With command + commandfor, developers can express interaction logic ๐—ฑ๐—ถ๐—ฟ๐—ฒ๐—ฐ๐˜๐—น๐˜† ๐—ถ๐—ป ๐—›๐—ง๐— ๐—Ÿ, and the browser:

โ€ข performs the action
โ€ข manages accessibility attributes (like aria-expanded)
โ€ข handles focus and state

This is why many of the ergonomics developers usually rely on frameworks, ๐˜„๐—ถ๐˜๐—ต๐—ผ๐˜‚๐˜ ๐˜๐—ต๐—ฒ ๐—ณ๐—ฟ๐—ฎ๐—บ๐—ฒ๐˜„๐—ผ๐—ฟ๐—ธ ๐—ผ๐—ฟ ๐—ฐ๐˜‚๐˜€๐˜๐—ผ๐—บ ๐˜€๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜๐˜€.

๐—•๐˜‚๐—ถ๐—น๐˜-๐—ถ๐—ป ๐—ฐ๐—ผ๐—บ๐—บ๐—ฎ๐—ป๐—ฑ๐˜€
The command attribute maps to common native behaviors:

โ€ข show-popover, hide-popover, toggle-popover โ†’ popovers
โ€ข show-modal โ†’ opens a dialog
โ€ข close โ†’ closes a dialog

It also replaces older attributes like popovertarget and popovertargetaction with a more ๐—ด๐—ฒ๐—ป๐—ฒ๐—ฟ๐—ฎ๐—น ๐—ฎ๐—ป๐—ฑ ๐—ฒ๐˜…๐˜๐—ฒ๐—ป๐˜€๐—ถ๐—ฏ๐—น๐—ฒ ๐—”๐—ฃ๐—œ.

๐—œ๐—บ๐—ฝ๐—ผ๐—ฟ๐˜๐—ฎ๐—ป๐˜ ๐—ฟ๐—ฒ๐—ฎ๐—น๐—ถ๐˜๐˜† ๐—ฐ๐—ต๐—ฒ๐—ฐ๐—ธ

โ€ข This works only for ๐˜€๐˜๐—ฎ๐—ป๐—ฑ๐—ฎ๐—ฟ๐—ฑ, ๐—ฏ๐˜‚๐—ถ๐—น๐˜-๐—ถ๐—ป ๐—ฐ๐—ผ๐—บ๐—บ๐—ฎ๐—ป๐—ฑ๐˜€
โ€ข You still need JavaScript for business logic, data, state, and complex flows
โ€ข Think of it as ๐—ฟ๐—ฒ๐—บ๐—ผ๐˜ƒ๐—ถ๐—ป๐—ด ๐—ฏ๐—ผ๐—ถ๐—น๐—ฒ๐—ฟ๐—ฝ๐—น๐—ฎ๐˜๐—ฒ, not ๐—ฟ๐—ฒ๐—บ๐—ผ๐˜ƒ๐—ถ๐—ป๐—ด ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜

๐—ง๐—ต๐—ฒ ๐—ฏ๐—ถ๐—ด๐—ด๐—ฒ๐—ฟ ๐˜€๐—ถ๐—ด๐—ป๐—ฎ๐—น:

Weโ€™re slowly moving from ๐˜‘๐˜š ๐˜ธ๐˜ช๐˜ณ๐˜ช๐˜ฏ๐˜จ ๐˜ฆ๐˜ท๐˜ฆ๐˜ณ๐˜บ๐˜ต๐˜ฉ๐˜ช๐˜ฏ๐˜จ to ๐˜๐˜›๐˜”๐˜“ ๐˜ฆ๐˜น๐˜ฑ๐˜ณ๐˜ฆ๐˜ด๐˜ด๐˜ช๐˜ฏ๐˜จ ๐˜ช๐˜ฏ๐˜ต๐˜ฆ๐˜ฏ๐˜ต, and JavaScript focusing on real logic.

Small change.
Big direction shift.

ะšะพะผะผะตะฝั‚ะฐั€ะธะธ

ะ˜ะฝั„ะพั€ะผะฐั†ะธั ะฟะพ ะบะพะผะผะตะฝั‚ะฐั€ะธัะผ ะฒ ั€ะฐะทั€ะฐะฑะพั‚ะบะต

ะŸะพั…ะพะถะธะต ะฒะธะดะตะพ

  • ะž ะฝะฐั
  • ะšะพะฝั‚ะฐะบั‚ั‹
  • ะžั‚ะบะฐะท ะพั‚ ะพั‚ะฒะตั‚ัั‚ะฒะตะฝะฝะพัั‚ะธ - Disclaimer
  • ะฃัะปะพะฒะธั ะธัะฟะพะปัŒะทะพะฒะฐะฝะธั ัะฐะนั‚ะฐ - TOS
  • ะŸะพะปะธั‚ะธะบะฐ ะบะพะฝั„ะธะดะตะฝั†ะธะฐะปัŒะฝะพัั‚ะธ

video2dn Copyright ยฉ 2023 - 2025

ะšะพะฝั‚ะฐะบั‚ั‹ ะดะปั ะฟั€ะฐะฒะพะพะฑะปะฐะดะฐั‚ะตะปะตะน [email protected]