Postlar filtri


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
TailwindCSS + Next.js uchun 50 tadan ziyod tayyor Input komponentlar. Osongina loyihangizga copy-paste qilib foydalanishingiz mumkin.

Batafsil: https://origin-ui-alpha.vercel.app/

Thank me later...

504 0 36 3 19

Farrukh Atabekov - Software Engineer dan repost
Toptal networking event.
October 13, 2024


player.style — Build your own media player using your favorite JS framework or use beautiful ready-made presets. Based on Media Chrome from creators of video.js

https://player.style/


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
TailwindCSS orqali veb ilovani jonlantirishni oson yo'li — TailwindCSS Motion

https://github.com/romboHQ/tailwindcss-motion

717 1 15 10 14



Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Server Actions create public endpoints, so be sure to secure them like you would API routes.

Source: X




Adobe Flash

Adobe Flash bir paytlar interaktiv veb sayt so'ziga sinonim edi. Oldinlari sizning brauzeringizda flash extension bo'lmasa, WWWda bemalol "suza" olmas edingiz. Flash extension'siz videolar ochmas edi, slaydlar ko'rinmas edi, interaktiv veb sahifalar yuklanmas edi. Adobe Flash veb olamida dominant bo'lishiga qaramay, uni hukmronligiga chek qo'yildi. Adobe 31-dekabr, 2020-yildan boshlab Flashni support qilmasligini aytdi. Bunda Stiv Jobsning Apple kompaniyasi ta'siri katta.

Flashning o'limiga sabab asosiy key faktorlar:
- Security Risks
- HTML5 va CSS3 paydo bo'lishi
- Touch screen qurilmalarning rivojlanishi (Flash touch qurilmalarni qo'llab quvvatlamagan)
- Flash content batareyani ko'p yeyishi

Stiv Jobs nega Apple mobil qurilmalari hech qachon Flashni qo'llab quvvatlamasligi haqida mashxur ma'qola yozgan: apple.com/thoughts-on-flash


react-call: Call Your React Components
Gives you a call(props) function as an imperative way to call a component, even from outside React and with no context providers needed.

GitHub repo.


"Men xozirda jQuery ishlatmayman. Ochig'ini aytsam undan foydalanmaganimga ancha bo'ldi.
Biz Khan Academy'da jamoamiz bilan React ishlatamiz."

— John Resig, jQuery asoschisi


Millisekundlar yetarli bo'lmaganda - Performance.now()

Odatda biz JavaScript ilovalarda vaqt bilan ishlash uchun new Date() yoki Date.now()'dan foydalanamiz. Lekin u har 10 sekund intervalda taxminan 1% ga adashish ehtimoli bor. Sababi, Date tizim vaqtiga asoslangan. Ko'p tizimlar vaqtini sinxronizatsiya qilish uchun daemon run qiladi va u har 15-20 daqidada tizim vaqtini qayta sozlab turadi. Vaqtni yuqori aniqlikda o'lchash kerak bo'lgan holatlarda bizga High Resolution Timer qo'l keladi.

Date.now() va performance.now() metodlari ikkalasi ham xozirgi vaqtni qaytaradi. Farqi:
- Date.now unix epoch (1 yanvar, 1970-yil)dan boshlab xozirgacha o'tgan vaqtni millsekundda qaytaradi.
- performance.now, monotonic vaqt qaytaradi ya'ni veb sahifa yuklangandan boshlab qancha vaqt o'tganini yuqori aniqlikda, mikrosekundlargacha hisoblab beradi.

HR timerni ishlatish mumkin bo'lgan holatlar:
- Benchmarking'da
- O'yinlarda yoki animation runloopda
- Framerateni yuqori aniqlikda o'lchashda
- Physics engine yozishda

Qisqa qilib aytganda, high resoltion timer Date obyektdan bir muncha barqaror natija qaytaradi. Xozirda ushbu APIni barcha zamonaviy brauzerlar qo'llab quvvatlaydi.


Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Google final uchun zoʻr oʻyin yaratibdi. Bu oʻyin JS da qanday yasalganiga qiziqdim rostini aytsam 🤔




MJ dan repost
Bu holat ancha avj olibdi. Facebookdagi tanishlarda ham ko'rgandim bunday xabarlarni.

Mirjalol akanikidek profil sozlab olgan.

Bunday firibgarlardan ehtiyot bo'lish uchun:

- pul so'ragan har qanday odamdan telefon qilishini so'rang
- profil nomini o'z chat tarixingizdan izlang, asl shu odamning o'z profili chiqadi
- qanday sabab bo'lmasin, TGdan yozgan, shoshilib telefon qilgan odamga pul o'tkazmang

===

Agarda mening profilim rasmi va biosi bir xil bo'lgan odamdan xabar bo'lsa, javob bermang. Bloklang.


Bizda savdo do'konlarida self-checkout mentaliteti shakllanmagan - xaridorlarda ham, sotuvchilarda ham.

Xaridorlarda shakllanmagan bo'lishi tabiiy, chunki bu oddiy xalq uchun yangi narsa. Lekin sotuvchilar xattoki o'zlari ham tayyor emasdek nazarimda.

Xozirgi kunda ba'zi katta supermarketlarda self-checkout kiosklar qo'yilgan. Ular orqali xaridor mahsulotlarni kassirsiz o'zi hisoblab, pulni to'lab chiqib ketishi mumkin. Nazariyada bu zo'r narsa. Uzun navbatda turishga hojat yo'q. Lekin ushbu jarayonni amaliyot qanday qo'llanilishi menga yoqmadi.

Kioskka kelgan xaridorga nazoratchi menejer xuddi o'g'ridek muomala qiladi. Mahsulotlarni sonini to'g'ri kiritganini qarab turadi. Ba'zida so'ramasa ham kelib "yordam" bermoqchi bo'ladi. Yoki hamma mahsulot barkodlarini o'zi skanerlab bermoqchi bo'ladi. Xuddi siz hammani ko'zini shamg'alat qilib, mahsulotni o'g'irlab chiqib ketmoqchideksiz. Bu tabbiyki insonda yomon hissiyot qoldiradi.

Yangilik qilmoqchi bo'lsak, insonlarga erkin bo'lishiga qo'yib beraylik va ularga bildirmasdan nazorat qilib turaylik.

847 0 2 16 11

Programmer Jokes dan repost


Google'ga junior verstalshik kelgan shekilli, badge componentga "new" so'ziga mos fixed width berib qo'yibdi


CSS align-content yordamida endi block elementni vertikal yo'nalishda markazga joylashtirish mumkin, flex yoki grid ishlatmagan holda.

Batafsil: https://web.dev/blog/align-content-block




Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Chrome 125 da anchor-position CSS property qo'shilibdi. Bu yordamida HTML va CSS o'zida, Popover API dan foydalangan holda tooltip yarata olamiz.

Xa, do'stlar! Kelajakda ko'p primitive UI komponentlarni HTML vs CSSni o'zida implement qilishimiz mumkin bo'ladi.

Batafsil: https://developer.chrome.com/blog/anchor-positioning-api?hl=ru

20 ta oxirgi post ko‘rsatilgan.