أهلاً 👋🤍
أصحابي مطورين الويب 😎
رجعت لكم بموقع جديد وضخم😍
الموقع فيه:
Templates,Effects,Layouts,Libraries...
وحاجات كثيرة وكمان بأكثر من لغة وأكثر من مكتبة وإطار عمل:
JavaScript,Jquery,React,Vue,Tailwind..
الميزة الضخمة بالموقع تقدر تعدل على الكود من داخل المتصفح

رابط الموقع:
https://freefrontend.com

وأنت تصمم تطبيقات باستخدام Flutter مهم جداً انك تخلي التطبيق يشتغل على كل أحجام الشاشات بدون أي مشاكل عشان تسوي التطبيق تبعك Responsive أستخدم مكتبة flutter_screenutil بتسهلك هذا الموضوع بشكل كبير جداً، واذا حابب تختبر تصميم التطبيق تبعك على جميع الجوالات أو حتى لو كان ويب أو تطبيقات سطح المكتب أستخدم مكتبة device_preview بتساعدك كثير في إختبار التطبيق على كل الشاشات.

الروابط

- رابط المكتبة flutter_screenutil:
https://pub.dev/packages/flutter_screenutil

- رابط المكتبة device_preview:
https://pub.dev/packages/device_preview

أهلاً 👋🏼
جبت لكم موقع رهيب بجانب المواقع السابقة، موقع يوفر مجموعة UI لتطبيقات Flutter تقدر تنسخ الكود وتعيد استخدامها ✅

رابط الموقع:
https://www.flutterlibrary.com/

أهلاً 👋🏼
كلنا نستخدم مكتبة Shimmer لما نحمل بيانات من API، بس كانت المشكلة انو نعيد تصميم شكل card بما يناسب مع الشكل الحقيقي 😩

في مكتبة رائعة جداً أسمها skeletonizer ✅
كل اللي عليك تسوي wrap للـ widget اللي بتستخدمها بالـ skeletonizer وهي تكمل الباقي 😍

مثال:
Skeletonizer(
enabled: _loading,
child: ListView.builder(
itemCount: 7,
itemBuilder: (context, index) {
return Card(
child: ListTile(
noscript: Text('Item number $index as noscript'),
subnoscript: const Text('Subnoscript here'),
trailing: const Icon(Icons.ac_unit),
),
);
},
),
)


رابط المكتبه 👇

https://pub.dev/packages/skeletonizer

أهلاً 👋🏼
رجعت لكم بموقع جديد ورهيب 😍✅
موقع يوفر لك CLI تسهل من تطوير مشاريع Flutter، توفر لك قوالب مشاريع جاهزة بميزات رهيبة جداً، عندما تستخدمها لإنشاء مشروع تقوم بانشاء مشروع مجهز بـ MVVM وأيضاً bloc وتبني لك Flavors ومع تعدد اللغات، ومعاها العديد من المميزات 🚀
كل شي بتلاقوه ب docs حقهم مرتب وشي جميل ✅

الرابط

https://cli.vgv.dev/docs/overview

صادفني موقع ذكاء اصطناعي بيصمم "لوجو" قررت أجربه وفي أقل من 3 دقائق كانت هذي هي النتيجة👇😳
بسيبلكم الرابط أسفل الثريد بتقدرون تجربون بأنفسكم.

1_موقع Logomaster.ai
2_موقع LogoAi
3_ موقع صانع الشعار
بتلاقي طريقه إستخدامهم هنا:-
https://bit.ly/46jU2zI

وهذي 4 مواقع تصميم بالذكاء الاصطناعي مره مبهرة:-
https://bit.ly/45Kz3WJ

أهلاً 👋🏼
رجعت لكم ببرنامج رهيب 😍✅
من خلال البرنامج تقوم ببناء مشاريع باستخدام واجهات البرنامج مع أختيار نوع state management تختار getx أو bloc يقوم بتجهيز كل تقسيم المشروع بحسب ما أخترت، أيضاً تقوم ببناء models من خلال الواجهات وتنظيمها وتجهز جميع العمليات مقسمة بملفات.

مش بس كذا فيه مجموعة من المميزات أهمها تقدر تسوي تصاميم رهيبة للتطبيق مرتبة ومقسمة بحسب المقاسات المطلوبة للرفع الى google play أو apple store.

أنصحكم تجربوه 🚀😍

الرابط https://github.com/moesaid/flutterpp

سلام، عودة حميدة بعد غياب عن النشر من 2023 إلى الحين، وكله بسبب قرار شخصي، وما نادم على هذا القرار طبعًا لأني أنا المستفيد من هذا الشيء. بدون ما نطول، يلا ندخل في الثقيل بقى.

خلصت أسوي مكتبة: Local Hero Transform
والمكتبة بتسوي الـAnimation الموجود في الصورة تبع البوست، و الأحلى كمان أنك تقدر تسوي Customize لأغلب الأشياء و منها :-

- القدره على تغيير شكل Widgets:- بمعنى تقدر تغير جميع ال Widgets اللي بداخل ال ListView وال GridView على حسب الشكل اللي محتاجه أنت .

- إمكانية تغيير ال Position تبع اي Widget:- أي أنهُ عند التبديل بين ال List وال Grid تقدر تتحكم في حركة العناصر، على سبيل المثال ايقونه الإضافة للمفضلة تقدر تتحكم في الموقع تبعه في الشاشة سواء تحركها إلى جهة اليمين أو الأسفل على حسب ما تريد .

- القدرة على التحكم في سرعه حركة ال Animation سواءً تخليها أسرع أو ابطئ.

- إمكانية تعديل ال DesignSize :- وهذا الشي بيكون مفيد جدًا عندما يعطيك ال UI/UX التصميم وهو مسويه على حجم معين من الشاشات على سبيل المثال ال width 428 و 926 لل height وعشان تجعل المكتبه تكون Responsive مع التصميم تبعك ضروري تستخدم ال DesignSize على حسب ما هو مُعطى لك من المصمم .

كمان ملاحضة: المكتبه بتشتغل على اغلب ال screens ولكن الشاشات مثل ال web وال desktop محتاجه منك فقط شويه تعديلات عشان تضبط شكل التصميم ، والمكتبة بتعطيك كامل الحرية في التحكم بشكل ال Widgets و مواقعها .

رابط المكتبة مع رابط github في أول التعليقات

طبعًا أنت محظوظ عشان المنشور مش طويل، لكن المنشورات الجاية بتكون تلخيص لكتب، لذا شد حيلك.

Package
https://pub.dev/packages/local_hero_transform

Github repo
https://github.com/najeebaslan/local_hero_transform

ضيعت وقت وجهد اذا ما تستخدم Flutter DevTools 🚀

إذا كنت مطور Flutter، فلازم تكون تعرف عن DevTools، الأداة اللي بتساعدك تفحص تطبيقك، تحل المشاكل، وتحسن الأداء بكل سهولة.

إيش تقدر تسوي بـ DevTools؟

🔹 Performance Profiler:
يقيس سرعة التطبيق ويكشف لك أي بطء أو مشاكل في الأداء.
🔹 Memory Debugging:
يراقب استهلاك الذاكرة ويكشف لك عن أي تسريبات (Memory Leaks).
🔹 Network Inspection:
يعرض لك كل Requests اللي يرسلها التطبيق، تقدر تعرف ايش ال endpoint وتعرض ال response بكل سهولة.
🔹 Widget Inspector:
تقدر توصل لاي widget بكل سهولة وبسرعة بداخل التطبيق،وتسهل عليك تصحيح التصميم، وتقدر تكتشف المشاكل مثل TextOverflow أو أي مشاكل في المحاذاة والتخطيط وتعالجها.

🔹 Logging & Debug Console:
تعرض لك كل السجلات (Logs) والأخطاء اللي تحصل أثناء تشغيل التطبيق.

🎨 FlexColorScheme – المكتبة التي تجعل تصميم الثيمات أسهل مما تتخيل!

في Flutter، كثير من المطورين يتعبوا في موضوع الألوان و Material 3 لأن التحكم فيها معقد…
لكن FlexColorScheme تقدّم لك لوحة تحكم كاملة لتوليد Theme احترافي للتطبيق:

✨ ميزات FlexColorScheme:
✔ أكثر من 50 نظام ألوان جاهز
✔ دعم كامل لـ Material 3
✔ إمكانية تعديل كل القيم اللونية (Primary, Tertiary, Container, Surface…)
✔ دعم Seeded ColorScheme
✔ محاكي تفاعلي لتجربة الثيم على أجهزة مختلفة
✔ الكود جاهز مباشرة للنسخ والاستخدام

📷 الصورة التالية من FlexColorScheme Playground – المكان الذي يعطيك تحكم كامل بثيمك قبل اعتماده في مشروعك.

#Flutter #UIUX #FlexColorScheme #Programming #Dart #MobileDevelopment

عصر "المبرمج الوحيد" انتهى.. 🦦
جوجل تطلق Google Antigravity رسميًا! #Google_Antigravity #AI_Agents #The_World_of_Data 🌍💡
​لو كنت فاكر إن الذكاء الاصطناعي مجرد "شات" بيساعدك تكتب كود.. فإنت لسه في 2025!
جوجل النهارده أطلقت Antigravity.. أول نظام تشغيل (OS) متكامل للمطورين، مبني بالكامل على فكرة الوكلاء الذكيين (Agents). ⚡
​❇️ ليه Antigravity هو "الوحش" الجديد في الساحة؟
​✨ 1) عندك فريق "Developers" شغالين عندك ببلاش!
المنصة فيها وضع Manager View.. تقدر تفتح 3 أو 4 وكلاء (Agents) في نفس الوقت:
​واحد شغال على الـ Frontend.
​واحد بيظبط الـ Database في الـ Backend.
​واحد بيكتب التست (Testing).
وأنت "المدير" بتشرف عليهم بس! 😎
​✨ 2) من الكود.. لـ GitHub.. للاستضافة بضغطة زر! 🐙🌐
دي النقلة النوعية.. الـ Agent مش بس بيكتب كود، ده:
​بيربط مشروعك بـ GitHub وبيرفعه فوراً.
​بيكتب رسائل الـ Commit والـ Documentation بشكل احترافي.
​بيعمل Deploy للمشروع على السحابة (Hosting) ويديك رابط حي (Live Link) تشاركه مع العالم في ثواني!
​✨ 3) وداعاً للـ "سحر الأسود" بفضل الـ Artifacts! 📸
مفيش حاجة بتحصل من وراك. الـ AI بيطلع لك:
​Plans: خطة العمل قبل ما يبدأ.
​Screenshots: صور لكل مرحلة.
​Recordings: فيديو للمتصفح وهو بيجرب الكود بنفسه.
كل خطوة واضحة، وتقدر "تعلّق" على أي صورة أو فيديو عشان يعدل شغله فوراً.
​✨ 4) بيتعلم "ستايلك" الخاص! 🧠
كل كود بتكتبه أو تعديل بتعمله بيتخزن في Knowledge Base خاصة بيك. مع الوقت، الـ Agent بيبقى فاهم دماغك وبيكتب كود كأنه إنت بالضبط، بس أسرع 100 مرة!
​✨ 5) حرية الاختيار.. مش محبوس في موديل واحد! 🔓
تقدر تختار المحرك اللي يريحك:
▪️ Gemini 3 Pro (القوة الضاربة لجوجل).
▪️ Claude Sonnet 4.5 (للإبداع البرمجي).
▪️ GPT-OSS (للمشاريع مفتوحة المصدر).
​💙 الخلاصة:
​Google Antigravity مش مجرد "مساعد".. ده مصنع برمجيات متكامل.
أنت دلوقتى مش محتاج تضيع وقتك في الأوامر الروتينية (Git, Deployment, Debugging).. أنت بقيت Lead Developer بتقود فريق من الـ Agents العباقرة.

​الإنتاجية مش بس زادت.. الإنتاجية طارت! 🚀💙

https://antigravity.google/