R4Y

iOS 17 da telefonni tekkazib contact almashish(NameDrop)dagi shockwave effektni ishlab chiqqan dizayner Chan Karunamunini topib oldim. U bundan tashqari Dynamic Islands, AirDrop, Homebar kabi imkoniyatlarni dizaynini ishlab chiqishda ham ishlagan ekan. Qilgan ishlari hammasi shunchaki WOW. Ayniqsa, Dynamic Islands TOP!

Bento Grids Rasmdagiga o'xshagan to'rtburchak va kvadrat kartochkalardan tashkil topgan layoutni menimcha ko'p ko'rganmiz. Buning nomi "Bento Grid" deb atalib, yaqin vaqtlarda design trendga aylanib ulgurdi va Apple, Vercel, Diagram kabi kompaniyalarning veb-saytlarida keng kuzatilmoqda. Tinib tinchimagan odamlar shunday uslubdan foydalangan saytlarni ro'yxatini ham chiqarib qo'yishibdi. Batafsil: https://bentogrids.com/ Muallif: https://volti.dev/

Pet-project yoki POC loyiha ustida ishlayotganda bepul servislar, platformalardan foydalanish yaxshiroq bo'lishi mumkin. Odatda free plan mavjud saytlarni topish qiyinroq bo'ladi, soatlab vaqt olishi mumkin. Endi siz bunday servislar ro'yxatini free-for.dev sayti orqali osongina topishingiz mumkin. Veb-sayt: https://free-for.dev/#/ OP: https://x.com/addyosmani/status/1703469981659484459?s=20

Vercel shadcn bilan birga v0 platformasini ishlab chiqdi. Unda siz prompt so'rov yordamida componentlar generatsiya qilib, loyihangizga shunchaki copy & paste qilishingiz mumkin. Xuddi shadcn/ui faqat AI bilan shishirilgan) Batafsil: v0.dev Manba: https://x.com/shadcn/status/1702390674216329469?s=20

Mortals: Switch to Bun to speed up development speed. Legends: Buys latest Macbook Pro M2 Max with high-end spec.

Ui.dev jamoasi yangi react.gg nomli interaktiv kurs ishlab chiqishibdi. Kurs juda qiziq tuyulayabdi. Narx qimmat. Batafsil ushbu tweetda

Brauzer tablari orasida ma'lumot almashish Veb ilovangizda bir tabdan boshqa tabga hodisa jo'natish yoki ma'lumot almashish mumkinligi haqida bilarmidingiz? Xa, buni iloji bor bo'lib, BroadcastChannel API yordamida amalga oshirish mumkin. Ushbu API dan foydalanish juda ham oson. Shunchaki ilovangiz ma'lum bir kanalga obuna bo'ladi va o'sha kanalga jo'natilgan ma'lumotni qabul qilib olaveradi. Ma'lumot jo'natish postMessage metodi orqali amalga oshiriladi. Ma'lumotni qabul qilish addEventListener yoki onmessage orqali amalga oshiriladi. BroadcastChannelni qo'llab quvvatlamaydigan brauzerlar uchun localStorage orqali yechim yoki broadcast-channel kutubxonasidan foydalanish mumkin.

FrontendMentor chellenjning navbatdagi mevasi Azizbek o'tkazgan savol-javob efirlarida "Tajribali Reactchilardagi nimalarni kurslardan topib bo'lmaydi?" deb so'ragan edim. Javoblari birinchi rasmda. FrontendMentorda ham maketni tuzib topshirishning o'zi bilan cheklanmay, boshqalarning kodiga feedback berish yoki boshqalardan maslahat olish mumkin. Kecha Grace Snow tomonidan moslashuvchanlik va nisbiy o'lchov birliklari masalasida, Normalize bo'yicha code review oldim. Shunaqa, dasturchi doim tinmay o'rganish, izlanishda bo'lishi kerak. Foydali bo'lgan maqolalar mana bular bo'ldi: - Why font-size must NEVER be in pixels by Grace Snow - The Surprising Truth About Pixels and Accessibility by Josh Comeau - PX, EM or REM Media Queries? by Zell Liew - My Custom CSS Reset by Josh Comeau Josh Comeauning mana bu kursi ham qiziqtirib qo'ydi. Oldin ko'rgan edim, lekin zarurmikin hozir deb uncha e'tibor qaratmagandim. Yuqoridagi maqolalarini o'qib chiqish qiziqishimga turtki bo'ldi. https://css-for-js.dev/ O'zbekistondan turib sotib olishga 75% chegirma bor ekan. Chegirmasiz to'liq paketi $399, chegirma bilan $100 bo'lyapti. Qani Joy of React ommaviy sotuvga chiqib olsinchi. Vaziyatga qarab shu kursi bilan birga sotib olarman. P. S. Uzun skrinshotlarning fayl formatdagilari izohlarda.

Tezzroda jamoamizga yangi senior front-end dasturchi izlamoqdamiz. Agar ushbu ish o'rniga mos dasturchilarni bilsangiz, ular bilan ushbu imkoniyatni ulashing. Ish joyi haqida batafsil

Muhammadjavohir akani CSS battle'ga duelga chaqirayabman. ⚔️ Akani pin qilinglar kanallarida, bo'lmasa ko'nmaydilar. Men uchun yaxshigina challenge bo'ladi aka bilan jang qilish. cssbattle.dev

Muhammadjavohir aka strimlarida nega transition-property: all ishlatmagan ma'qulligi haqida aytib o'tib ketgan ekanlar. Bir marta css transform bilan transition-property: all ishlatib g'alati animatsiyaga duch kelganman. Shu muammoni stackoverflowdan so'raganimda, faqat transform propertyni transition qilishim kerakligi haqida aytishgan edi. Men duch kelgan holatga o'xshagan holatlarda aniq bitta propertyni animate qilish kerak bo'ladi. Aks holda transition-property: all bilan CSS har bitta propertyni animate qilishga harakat qiladi. Savolga havola: https://stackoverflow.com/questions/59127649/css-transform-perspective-wrong-behavoir

React haqida 6 ta afsona • React bu JavaScript freymvork. • Reactdan foydalanish uchun JSX shart. • React haqiqiy DOMdan tezroq. • Reactda kod yozish uchun ES6 ni bilishingiz kerak. • React ilovalarni sozlab olish qiyin. • React bilan birga Redux ishlatishingiz kerak.

Philosophy of Software Design kitobidan olingan muhim qaydlar: https://habr.com/ru/articles/517436/

#intro O'sha kun keldi, blog yuritishga qaror qildim. Bu yerda frontend bo'yicha, umuman IT bo'yicha bilganlarimni, o'rganyotganlarimni yozib borishga harakat qilaman. Shaxsiy fikrlarni hammasi ham to'g'ri bo'lmasligi mumkin, ishonib qolishlik shart emas. Mobx top, Redux tufta ekanligi to'g'ri lekin! Yaqinlar bilan ulashib qo'ysanggiz xursand bo'laman! @elyor_dev

Thank you JavaScript

Thank you JavaScript

Iphone’da esim ishlamay qoldi. Umuman connection yoʻq. Kimdir shunaqa muammoga duch kelganmi? Bugun ertalab ishlayotgan edi hammasi

#статья У нас вышел лонгрид на хабре про цикл жизни дизайн-систем. Из статьи вы узнаете: ① Про универсальные принципы систем и закон Эшби; ② Циклы перерождений; ③ Майлстоуны и линейное развитие; ④ Как смотреть в будущее. Оставляйте комменты, ставьте лайки, нам важно ваше мнение, чтобы улучшать контент =)

Esingizda bo'lsa ambilight effect haqida post qilgan edim. Smashing Magazine saytida ham bu haqida batafsil tutorial maqola yozilibdi. 🔗 https://www.smashingmagazine.com/2023/07/recreating-youtube-ambient-mode-glow-effect/