Telegram Web
#animation #css #frontend


⚡️ GSAP endi 100% bepul!

Endi hech qanday litsenziya cheklovisiz, barcha developerlar GSAP’ni loyihalarda bemalol ishlatishlari mumkin.

Batafsil: havola

-----

GSAP is now 100% free!

Now all developers can freely use GSAP in their projects with no license restrictions.

Learn more: link

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍23
This media is not supported in your browser
VIEW IN TELEGRAM
#animation #frontend


Raqam animatsiya komponenti - Number Flow

✓ JavaScript, React, Vue va Svelte
✓ To‘liq moslashuvchan va qulay
✓ Qo‘shimcha kutubxonalarsiz

-----

Number Animation Component – Number Flow

✓ JavaScript, React, Vue, and Svelte
✓ Fully responsive and user-friendly
✓ No additional libraries required

🔗 https://number-flow.barvian.me
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍27
#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
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍23
#ai #frontend


🤖 "Stack Overflow tarbiyalagan AI avlodi"

Yangi muammolar/yechimlar Stack Overflow, GitHub yoki bloglarda yozilmasa, hech qayerda muhokama qilinmagan bo‘lsa, AI uni bilmaydi. Shunchaki: oldingi o‘xshash muammolarga asoslanib taxmin qiladi. Logika, tajriba va o‘xshash misollar orqali yechim beradi.

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍40
#tools #frontend


Stagewise - frontendni AI bilan bir necha klikda tahrirlovchi toolbar

Frontend'da nimadur o'zgarish qilish kerak bo'lsa, brauzer toolbar’da UI elementini tanlang, prompt yozing, AI agent shu joydagi kodni ochib, tuzatib beradi. Endi agentlarga context haqida tushuntirish shart emas.

-----

Stagewise – a toolbar that lets AI edit your frontend in just a few clicks

Need to tweak something on the frontend? Simply pick the UI element in the browser toolbar, type a prompt, and the AI agent opens and fixes the exact piece of code—no more explaining context.

⚙️ Install: VS code | Copilot

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍20
#angular #frontend


👩‍💻 Angular v20 chiqarildi!

Angular'ning 20-versiyasi rasman taqdim etildi.

Yangi imkoniyatlar:
- Server Side Rendering (SSR) endi default holatda
- TypeScript 5.4 bilan to‘liq moslik
- Vite va esbuildni qo‘llab-quvvatlash
- Zamonaviy Routing tizimi

Batafsil: Angular blog

-----

Angular v20 Released!

The 20th version of Angular has been officially announced.

What’s new:
- Server Side Rendering (SSR) is now enabled by default
- Full compatibility with TypeScript 5.4
- Support for Vite and esbuild
- Modernized routing system

More: Angular blog

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍9
Frontend
👩‍💻 Angular v20 chiqarildi!
▶️ Bugun 29-may soat 21:00 da Angular v20 dasturchilar uchun tadbirning premyerasi bo'lib o'tadi.

-----

Today, May 29 at 9:00 PM, the premiere of the Angular v20 developer event will take place.

YouTube: https://youtu.be/FcDamOe1qxA?si=dDfcZKQpWhbcdRrn

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Frontend
🫵 Talabamisiz?
#github #student #frontend


🧑‍🎓 Talabalar uchun GitHub bonuslari!

Agar siz talaba bo‘lsangiz — GitHub sizga ko'plab imkoniyatlar taqdim etadi! Buning uchun GitHub Students orqali o‘zingizni talaba ekanligingizni tasdiqlaysiz (student ID, .edu email yoki boshqa hujjat orqali).

Tasdiqlangach, sizga GitHub Student Developer Pack ochiladi, bu orqali quyidagi imkoniyatlarga ega bo‘lasiz:

- GitHub Copilot
- Domain.com, Namecheap
- JetBrains IDE
- MongoDB Atlas, DigitalOcean, Heroku
- Canva, Figma, Notion, Educative, Replit, BootstrapStudio va boshqa ko‘plab toollar bepul yoki chegirma bilan olsangiz bo'ladi!

-----

GitHub Bonuses for Students!

If you’re a student — GitHub offers you plenty of opportunities! To access them, simply verify your student status through GitHub Students (using your student ID, .edu email, or another valid document).

Once verified, you'll get access to the GitHub Student Developer Pack, which includes:

- GitHub Copilot
- Domain.com, Namecheap
- JetBrains IDE
- MongoDB Atlas, DigitalOcean, Heroku
- Canva, Figma, Notion, Educative, Replit, BootstrapStudio, and many more tools — free or at a discounted rate!

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍16
#vite #frontend


👩‍💻 [email protected] chiqdi!

O‘zgarishlar:
🫂Node 18 versiyasi endi qo‘llab-quvvatlanmaydi
🔄 Vite endi faqat ESM (ECMAScript Modules) formatida tarqatiladi

Dasturchilar beta versiyani sinab ko'rib feedback'laringiz berishingizni so'rashmoqda.

-----

[email protected] has been released!

Changes:
🫂 Node version 18 is no longer supported
🔄 Vite is now distributed exclusively in ESM (ECMAScript Modules) format

The developers are encouraging you to try out the beta version and share your feedback.

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19
#vitest #frontend


👩‍💻 Vitest 3.2 chiqdi!

- Annotations API – testlarni belgilash va boshqarish
- Scoped Fixtures – kontekstga xos test muhiti
- Custom Browser Locators API – brauzerlar bilan moslashtirilgan test
- Test Signal – test holatini dinamik boshqarish
- V8 Coverage – aniqlik va tezlik oshdi

Batafsil o‘qish: havola

-----

Vitest 3.2 is out!

- Annotations API – define and manage your tests with annotations
- Scoped Fixtures – context-specific test environments
- Custom Browser Locators API – browser-adapted testing
- Test Signal – dynamic control of test states
- V8 Coverage – improved accuracy and performance

Read more: link

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍13
#chromeDevTools #frontend


👩‍💻 Chrome DevTools’dagi sun’iy intellektli “Console Insights” funksiyasi

Endi siz console'dagi xatolik va ogohlantirishlarni tushunish uchun google qilib qidirish yoki AI'larga copy-paste qilish shart emas.

"Console Insights" orqali qanday xatolik (masalan, CORS error, TypeError, Network error) ustiga sichqoncha olib borganda “Understand this error” tugmasini ko‘rasiz. Uni bosganingizda esa Google Gemini yordamida quyidagilar chiqadi:
Xatolik sababi
Tavsiya etilgan yechim
Stack trace tahlili
Rasmiy manbalar (MDN, Google dev docs)
Avtomatik kod snippet ham bor!

Kimlar uchun foydali?
Junior’lar uchun — har bir xatodan o‘rganish, tezroq yechim topish
Tajribali dev’lar uchun — debuggingni tezlashtirish

Docs: https://developer.chrome.com/docs/devtools/console/understand-messages

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍24
😁55🔥6👍51
Please open Telegram to view this post
VIEW IN TELEGRAM
😁80🔥7👍4
📰 Cloud-based ready-to-use backend with a convenient SDK for web and mobile applications

☁️ The cloud platform is designed to let you focus on frontend development — OneEntry takes care of backend and DevOps.

It connects to any application via SDK and doesn’t impose a fixed data structure.

Key features of the SDK:
— Supports JS/TS and all modern frameworks: React, Next.js, Vue, Nuxt, Angular, React Native
— Native SDKs available for Swift and Kotlin
— Fully typed, with no unnecessary dependencies
— In-code documentation and intuitive API methods

📊 With OneEntry, you can:
— Create and manage data structures through the admin panel
— Work with a multilingual interface
— Set up roles and user dashboards
— Build forms and collect data
— Use WebSocket-based real-time collaborative editing

🛒 E-commerce features include:
— Auto-generation of product previews
— Image optimization
— Convenient handling of nested structures
— Product statuses and relationship management
— Payments, orders, email campaigns, push notifications
— Bulk uploads: Excel, XML, CSV, folders
— Visual LowCode integration editor
— Support for custom modules in Node.js, Python, PHP

🔗 Platform: https://oneentry.cloud
📘 Documentation: https://doc.oneentry.cloud
🧰 SDK: https://js-sdk.oneentry.cloud
📺 Video tutorials: https://www.youtube.com/@OneEntry-Platform
1🔥91
👨‍💻

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
122👍4🔥4
#chrome #frontend


🌐 Chrome 138 – Frontendchilar uchun yangi imkoniyatlar!

🤖 Brauzer ichidagi AI API'lar:
Endi siz brauzerni o'zida, foydalanuvchi qurilmasida quyidagi AI funksiyalarini ishlatishingiz mumkin:

- Translator API: veb-ilovalarga real vaqtda tarjima qo‘shish.
- Language Detector API: matn qaysi tilda yozilganini aniqlash
- Summarizer API: maqola, chat yoki sharhlar uchun qisqa xulosalar

🎨 CSS funksiyalar:
- abs() va sign(): sonning modulini va ishorasini hisoblaydi
- progress(): qiymatlar orasidagi pozitsiyani hisoblash.
- sibling-index() & sibling-count(): elementlarni o‘z o‘rniga qarab stillashtirish.

🖥 Foldable qurilmalar uchun:
Endi Viewport Segments API yordamida bukiladigan (foldable) qurilmalar uchun sayt layout’ini moslashtirish mumkin.

Batafsil: Chrome 138

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
113🔥8
#vite #frontend


👩‍💻 Vite 7.0 chiqdi!

Vite 7 chiqarildi! Endi u haftasiga 31 milliondan ortiq yuklab olinmoqda va yangilanish bilan quyidagi o‘zgarishlar kiritildi:

- Yangi Rust-bundler – Rolldown: Vite endi yanada tezroq build bo'ladi!
- Yangi default target – baseline-widely-available: Ko‘proq brauzerlar uchun yaxshilangan qo‘llab-quvvatlash.
- Node.js 20.19+ talab etiladi (Node 18 qo‘llab-quvvatlanmaydi).
- Vitest 3.2 bilan to‘liq mos
- Vite DevTools: NuxtLabs bilan hamkorlikda chuqur tahlil va debug imkoniyati.

Batafsil: https://vite.dev/blog/announcing-vite7.html

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥175👍3
Developer 😭

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥179👍6
2025/07/13 19:02:04
Back to Top
HTML Embed Code: