#animation #css #frontend
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
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍27
#html #css #frontend
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)
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍23
#ai #frontend
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.
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍20
🫵 Talabamisiz?
Anonymous Poll
46%
Ha, talabaman
22%
Yo'q, talaba emasman
17%
Talaba bo'lganman
15%
Hozircha yo'q
👍8
#angular #frontend
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
-----
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
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).
- 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
O‘zgarishlar:
Dasturchilar beta versiyani sinab ko'rib feedback'laringiz berishingizni so'rashmoqda.
-----
[email protected] has been released!
Changes:
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
- 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
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
📰 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
☁️ 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🔥9 1
#chrome #frontend
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
1 13🔥8
#vite #frontend
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
🔥17 5👍3