بدأت التخطيط لمشروع جديد خلال الأسابيع الماضية، فبدأت في تجهيز تصوّرٍ لقاعدة البيانات، وخلال البحث وجدت هذا الموقع اللطيف:
https://dbdiagram.io
يُمكّنك من تعريف الجداول في قاعدة بياناتك والعلاقات بينها باستخدام لغة خاصة بهم ثم يرسم لك العلاقات بين الجداول وكل البيانات التي حدّدتها خلال الكتابة.
الرسم تفاعليٌّ جدا ويوضّح لك العلاقات بين الجداول بشكل ممتاز.
بعد إضافة الجداول التي أحتاجها مبدئيًّا (32 جدولا) والتأكد من أن العلاقات بينها صحيحة ومراجعتها مع أحد الأصدقاء، أعطيت الشيفرة المُعبّرة عن تصميم قاعدة البيانات إلى Claude 4 Sonnet وطلبت منه إنشاء الـ Models والـ Migrations اللازمة لإنجاز هذا التصميم في مشروع Ruby on Rails.
أعطاني في المقابل 32 أمرا لإنشاء الـ Models و 28 أمرا لإنشاء الـ Migrations اللازمة لإضافة Indexes وغيرها من التعديلات.
وجدت أن طريقة العمل هذه ألطف من طريقة عملي التقليدية في مشاريعي الجانبية، فكنت دائما أبدأ بإنشاء ما أحتاجه من الـ Models وأُضيف الباقي مع مرور الوقت واستمرار التطوير.
من مشاكل هذه الطريقة أنني قد أحتاج إلى تعديل بعض الخيارات الجوهرية في تصميم قاعدة البيانات ما يتطلب تفكيرا عميقا خصوصا إذا كان الموقع قد نُشِر بالفعل.
الطريقة الجديدة لا تعني أن الأخطاء والتعديلات لن تظهر مطلقًا، ولكن الهدف تقليل مثل هذه التعديلات الجذرية قدر المستطاع والمحافظة على توثيقٍ مُحدّثٍ للمشروع، من خلال إنتاج التوثيق قبل إنتاج الشيفرة البرمجية.
والسلام عليكم 👋🏻
https://dbdiagram.io
يُمكّنك من تعريف الجداول في قاعدة بياناتك والعلاقات بينها باستخدام لغة خاصة بهم ثم يرسم لك العلاقات بين الجداول وكل البيانات التي حدّدتها خلال الكتابة.
الرسم تفاعليٌّ جدا ويوضّح لك العلاقات بين الجداول بشكل ممتاز.
بعد إضافة الجداول التي أحتاجها مبدئيًّا (32 جدولا) والتأكد من أن العلاقات بينها صحيحة ومراجعتها مع أحد الأصدقاء، أعطيت الشيفرة المُعبّرة عن تصميم قاعدة البيانات إلى Claude 4 Sonnet وطلبت منه إنشاء الـ Models والـ Migrations اللازمة لإنجاز هذا التصميم في مشروع Ruby on Rails.
أعطاني في المقابل 32 أمرا لإنشاء الـ Models و 28 أمرا لإنشاء الـ Migrations اللازمة لإضافة Indexes وغيرها من التعديلات.
وجدت أن طريقة العمل هذه ألطف من طريقة عملي التقليدية في مشاريعي الجانبية، فكنت دائما أبدأ بإنشاء ما أحتاجه من الـ Models وأُضيف الباقي مع مرور الوقت واستمرار التطوير.
من مشاكل هذه الطريقة أنني قد أحتاج إلى تعديل بعض الخيارات الجوهرية في تصميم قاعدة البيانات ما يتطلب تفكيرا عميقا خصوصا إذا كان الموقع قد نُشِر بالفعل.
الطريقة الجديدة لا تعني أن الأخطاء والتعديلات لن تظهر مطلقًا، ولكن الهدف تقليل مثل هذه التعديلات الجذرية قدر المستطاع والمحافظة على توثيقٍ مُحدّثٍ للمشروع، من خلال إنتاج التوثيق قبل إنتاج الشيفرة البرمجية.
والسلام عليكم 👋🏻
dbdiagram
Database Diagram Tool - Free ER Diagram Design
Draw database relationship diagrams in seconds by writing simple DBML code. Free, fast, and built for developers and data analysts.
❤🔥2
⚠️ توضيح تقني هام: حقيقة حذف الحسابات
ما يشاع عن وجود "ثغرة" غير دقيق. الحقيقة هي أن منصة تيليجرام قامت بتحديث خوارزميات الذكاء الاصطناعي (AI) لفلترة صور الملفات الشخصية تلقائياً.
النظام الجديد يقوم بمسح الصور للبحث عن المحتوى المخالف (كالعنف، الإرهاب، والصور المخلة)، وبسبب حساسية النظام قد تحدث أخطاء تقنية (حظر بالخطأ) لبعض الصور التي يشتبه بها النظام
تطمنوا: الحسابات التي تضع صوراً طبيعية وسليمة هي في أمان تام ولا داعي لحذفها. لكن للحذر قم باخفاء الصورة
ما يشاع عن وجود "ثغرة" غير دقيق. الحقيقة هي أن منصة تيليجرام قامت بتحديث خوارزميات الذكاء الاصطناعي (AI) لفلترة صور الملفات الشخصية تلقائياً.
النظام الجديد يقوم بمسح الصور للبحث عن المحتوى المخالف (كالعنف، الإرهاب، والصور المخلة)، وبسبب حساسية النظام قد تحدث أخطاء تقنية (حظر بالخطأ) لبعض الصور التي يشتبه بها النظام
تطمنوا: الحسابات التي تضع صوراً طبيعية وسليمة هي في أمان تام ولا داعي لحذفها. لكن للحذر قم باخفاء الصورة
🚀 خارطة طريق تطوير الويب: من الأساسيات إلى المحترفين
إذا كنت تبدأ رحلتك في تطوير الويب، فإن وجود خارطة طريق واضحة يصنع كل الفرق. إليك مسار بسيط ساعدني (ويمكن أن يساعد العديد من المبتدئين أيضًا):
🔹 1. الأساسيات
• HTML - بنية الويب
• CSS - التصميم والتخطيطات
• جافا سكريبت - المنطق والتفاعل
🔹 2. واجهة متقدمة
• تصميم متجاوب
• جافا سكريبت ES6+
• الأطر/المكتبات (تفاعل، زاوية، أو Vue)
🔹 3. تطوير المنحى الخلفي
• أساسيات الخوادم وواجهات التطبيقات
• Node.js / Python / PHP
• قواعد البيانات (MySQL, MongoDB)
🔹 4. أدوات التحكم والإصدار
• Git & GitHub
• مديرو الحزم
• أساسيات النشر
🔹 5. الممارسة والمشاريع
• بناء مشاريع حقيقية
• تحسين حل المشاكل
• استمر في التعلم والتكرار
الاتساق + الممارسة + الموارد الصحيحة = النمو 📈
إذا كنت تبدأ رحلتك في تطوير الويب، فإن وجود خارطة طريق واضحة يصنع كل الفرق. إليك مسار بسيط ساعدني (ويمكن أن يساعد العديد من المبتدئين أيضًا):
🔹 1. الأساسيات
• HTML - بنية الويب
• CSS - التصميم والتخطيطات
• جافا سكريبت - المنطق والتفاعل
🔹 2. واجهة متقدمة
• تصميم متجاوب
• جافا سكريبت ES6+
• الأطر/المكتبات (تفاعل، زاوية، أو Vue)
🔹 3. تطوير المنحى الخلفي
• أساسيات الخوادم وواجهات التطبيقات
• Node.js / Python / PHP
• قواعد البيانات (MySQL, MongoDB)
🔹 4. أدوات التحكم والإصدار
• Git & GitHub
• مديرو الحزم
• أساسيات النشر
🔹 5. الممارسة والمشاريع
• بناء مشاريع حقيقية
• تحسين حل المشاكل
• استمر في التعلم والتكرار
الاتساق + الممارسة + الموارد الصحيحة = النمو 📈
Forwarded from قهوة مبرمجين
من يحب يشوف كيف Java تطورت عبر السنين ميزة بعد ميزة؟
المطور brunoborges عمل موقع رهيب يعرض تغييرات لغة Java جنب بعض بصيغة side-by-side.
تشوف مباشرة:
كيف كان الكود في الإصدارات القديمة
وكيف صار بعد إضافة الميزات الجديدة
مفيد جدًا لـ:
الطلاب اللي يتعلمون Java
المطورين اللي يحدّثون legacy applications
شوفوه هنا:
javaevolved.github.io
المطور brunoborges عمل موقع رهيب يعرض تغييرات لغة Java جنب بعض بصيغة side-by-side.
تشوف مباشرة:
كيف كان الكود في الإصدارات القديمة
وكيف صار بعد إضافة الميزات الجديدة
مفيد جدًا لـ:
الطلاب اللي يتعلمون Java
المطورين اللي يحدّثون legacy applications
شوفوه هنا:
javaevolved.github.io
Forwarded from لغات البرمجة <\> (JA)
طريقة جديدة للحصول على تجربة مجانية لمدة شهر لنسخة ChatGPT Business — و تشمل الوصول إلى: ✅ GPT-5.2 ✅ Sora-2 (توليد الفيديو بالذكاء الاصطناعي) 🔹 بدلاً من خطة Plus أو Teams 🔹 عبر ما يسمونه “تجربة Enterprise”
الفكرة الأساسية للطريقة
🔹 تعتمد الطريقة على الـ BIN + عنوان في كوريا الجنوبية → هذا يُمكّن من تفعيل تجربة Business لمدة شهر عبر بوابة الدفع الكورية.
البيانات المستخدمة:
BIN (رقم بطاقة بنكيّة تم توليده):
625814260257xxxx
Date: 06/2026
CVV: Random
العنوان المستخدم:
الشارع: 83-10, Chunghyo-dong
المدينة: Gyeongju-si
الولاية: Gyeongsangbuk-do
ZIP: 38001
الدولة: كوريا الجنوبية 🇰🇷
خطوات تنفيذ الطريقة:
توصيل الـ VPN إلى كوريا الجنوبية (سيرفر في سيول أو Gyeongju).
الدخول إلى chatgpt.com/business واختيار تجربة Business Trial (ليس Plus أو Teams).
إدخال بيانات البطاقة المزيفة (BIN + CVV + التاريخ).
استخدام بريد احترافي أو بريد عمل (ليس Gmail أو Yahoo).
تحصل على تجربة ChatGPT Business لمدة شهر كامل.
الخطة فعليًا هي نفسها التي تكلف 25$ لكل مستخدم شهريًا من OpenAI بطرقة عادية.
الفكرة الأساسية للطريقة
🔹 تعتمد الطريقة على الـ BIN + عنوان في كوريا الجنوبية → هذا يُمكّن من تفعيل تجربة Business لمدة شهر عبر بوابة الدفع الكورية.
البيانات المستخدمة:
BIN (رقم بطاقة بنكيّة تم توليده):
625814260257xxxx
Date: 06/2026
CVV: Random
العنوان المستخدم:
الشارع: 83-10, Chunghyo-dong
المدينة: Gyeongju-si
الولاية: Gyeongsangbuk-do
ZIP: 38001
الدولة: كوريا الجنوبية 🇰🇷
خطوات تنفيذ الطريقة:
توصيل الـ VPN إلى كوريا الجنوبية (سيرفر في سيول أو Gyeongju).
الدخول إلى chatgpt.com/business واختيار تجربة Business Trial (ليس Plus أو Teams).
إدخال بيانات البطاقة المزيفة (BIN + CVV + التاريخ).
استخدام بريد احترافي أو بريد عمل (ليس Gmail أو Yahoo).
تحصل على تجربة ChatGPT Business لمدة شهر كامل.
الخطة فعليًا هي نفسها التي تكلف 25$ لكل مستخدم شهريًا من OpenAI بطرقة عادية.
Chatgpt
ChatGPT Business
Work faster and smarter with ChatGPT Business. Unlock secure AI for your company with shared workspaces, advanced models, and enterprise-grade privacy.
بمناسبة عيد الفطر المبارك، أهنئكم من القلب، راجيا من الله أن يعيده عليكم وعلى أحبابكم بالخير واليمن والبركات.
تقبل الله منا ومنكم الصيام والقيام، وجعل أيامكم أفراحا وسعادة، وألبسكم لباس الصحة والعافية.
اللهم في هذه الليلة المباركة، نسألك أن ترفع الغمة عن بلاد المسلمين جميعا.
عيدكم مبارك، وكل عام وأنتم بخير 🌙✨
تقبل الله منا ومنكم الصيام والقيام، وجعل أيامكم أفراحا وسعادة، وألبسكم لباس الصحة والعافية.
اللهم في هذه الليلة المباركة، نسألك أن ترفع الغمة عن بلاد المسلمين جميعا.
عيدكم مبارك، وكل عام وأنتم بخير 🌙✨
❤3
أنشأت HTML File Obfuscator v2.0 أداة تعمية لكود HTML.
أداة HTML File Obfuscator v2.0 هي أداة تقوم بـ تعمية (Obfuscation) وتشفير ملفات HTML لحماية كود المصدر من النسخ أو السرقة، وهي مفيدة للمطورين الذين يريدون نشر صفحاتهم دون كشف الكود الأصلي.
✨ المميزات HTML File Obfuscator v2.0:
1️⃣ واجهة عربية بسيطة واحترافية
2️⃣ تعمية قوية باستخدام Base64 + Reverse
3️⃣ دعم السحب والإفلات (Drag & Drop) للملفات
4️⃣ شريط تقدم يوضح مراحل التشفير
5️⃣ حفظ الملف تلقائيًا مع إضافة _encrypted
6️⃣ تصميم متجاوب يعمل على مختلف الأجهزة
7️⃣ مجانية 100% ولا تحتاج تسجيل
💡 الأداة مناسبة للمطورين الذين يريدون طبقة حماية إضافية لكود HTML قبل نشره.
أداة HTML File Obfuscator v2.0 هي أداة تقوم بـ تعمية (Obfuscation) وتشفير ملفات HTML لحماية كود المصدر من النسخ أو السرقة، وهي مفيدة للمطورين الذين يريدون نشر صفحاتهم دون كشف الكود الأصلي.
✨ المميزات HTML File Obfuscator v2.0:
1️⃣ واجهة عربية بسيطة واحترافية
2️⃣ تعمية قوية باستخدام Base64 + Reverse
3️⃣ دعم السحب والإفلات (Drag & Drop) للملفات
4️⃣ شريط تقدم يوضح مراحل التشفير
5️⃣ حفظ الملف تلقائيًا مع إضافة _encrypted
6️⃣ تصميم متجاوب يعمل على مختلف الأجهزة
7️⃣ مجانية 100% ولا تحتاج تسجيل
💡 الأداة مناسبة للمطورين الذين يريدون طبقة حماية إضافية لكود HTML قبل نشره.
Forwarded from من فكرة إلى تطبيق
🚨الآن يمكنك كتابة “if” داخل CSS بدون JavaScript!
نعم، ما تقرأه صحيح 😳
لم تعد CSS مجرد تنسيقات…
بل أصبحت لغة تمتلك منطقاً خاصاً بها.
كم مرة…
* حاولت عمل animation لـ
* كتبت
* أو استخدمت JavaScript فقط لتغيير لون بناءً على شرط؟
كل هذا… انتهى.
🧠 يمكنك الآن استخدام if
بدلاً من كتابة Classes متعددة أو استخدام JavaScript…
يمكنك اتخاذ القرار مباشرة داخل الخاصية!
بدل تغيير التصميم… غيّر “القرار” داخل التصميم نفسه.
لتكون النتيجة: كود أقل + منطق أوضح + مكونات ذكية.
📏 التعامل مع الحجم غير المعروف calc-size
سابقاً ❌ لا يمكنك عمل animation لـ
الآن؟ يمكنك ذلك بكل بساطة:
✨ النتيجة :Animation حقيقي وناعم بدون أي hacks
👥 .عناصر “واعية” sibling-index & sibling-count
العناصر الآن تعرف: ترتيبها وعددها
💡 بدل كتابة:
معادلة واحدة فقط تفعل كل شيء
نحن لا نكتب CSS بعد الآن…
نحن نبرمج بها.
🔥 التحدي لك:
جرب الآن وأخبرنا في التعليقات بأي استفسار لا تخجل من طلب المساعدة!
نعم، ما تقرأه صحيح 😳
لم تعد CSS مجرد تنسيقات…
بل أصبحت لغة تمتلك منطقاً خاصاً بها.
كم مرة…
* حاولت عمل animation لـ
height: auto وفشلت؟* كتبت
nth-child عشر مرات فقط لتأخير animation؟* أو استخدمت JavaScript فقط لتغيير لون بناءً على شرط؟
كل هذا… انتهى.
🧠 يمكنك الآن استخدام if
بدلاً من كتابة Classes متعددة أو استخدام JavaScript…
يمكنك اتخاذ القرار مباشرة داخل الخاصية!
.button {
background-color: if(style(--importance: urgent), red, blue);
border-radius: if(media(prefers-reduced-motion), 0px, 15px);
}بدل تغيير التصميم… غيّر “القرار” داخل التصميم نفسه.
لتكون النتيجة: كود أقل + منطق أوضح + مكونات ذكية.
📏 التعامل مع الحجم غير المعروف calc-size
سابقاً ❌ لا يمكنك عمل animation لـ
autoالآن؟ يمكنك ذلك بكل بساطة:
.accordion-content {
height: 0;
transition: height 0.3s ease;
}
.accordion-content.open {
height: calc-size(auto, size);
}✨ النتيجة :Animation حقيقي وناعم بدون أي hacks
👥 .عناصر “واعية” sibling-index & sibling-count
العناصر الآن تعرف: ترتيبها وعددها
.list-item {
animation-delay: calc(sibling-index() * 0.1s);
opacity: calc(sibling-index() / sibling-count());
}💡 بدل كتابة:
nth-child(1), nth-child(2)...معادلة واحدة فقط تفعل كل شيء
نحن لا نكتب CSS بعد الآن…
نحن نبرمج بها.
🔥 التحدي لك:
جرب الآن وأخبرنا في التعليقات بأي استفسار لا تخجل من طلب المساعدة!
This media is not supported in your browser
VIEW IN TELEGRAM
: Social Media Icons Hover Effects 🔥 HTML & CSS
This media is not supported in your browser
VIEW IN TELEGRAM
:Navigation bar 🔥
HTML&CSS.
HTML&CSS.
بسم الله الرحمن الرحيم والصلاة والسلام على اشرف المرسلين.
وداعاً border-radius : اكتشف خاصية corner-shape في CSS
لغة CSS في تطور مستمر واليوم موضوعنا عن خاصية جديدة في css وهي conrner-shape
خاصية corner-shape هي اللاعب الجديد في الساحة اليوم؛ فبعد سنوات طويلة كانت فيها زوايا صفحات الويب إما حادة أو مستديرة قليلاً، تكسر هذه الخاصية القواعد لتمنحك أنواعاً مختلفة من تأثيرات الزوايا الرائعة مثل الحواف المائلة، التجاويف، والمربعات المستديرة (squircles) دون الحاجة للفوتوشوب أو ملفات SVG كما كان متبعاً في السابق.
فإن خاصية corner-shape تأتي لتكمل المشهد؛ فبينما يحدد الريديس حجم الزاوية، تمنحك هذه الخاصية التحكم الكامل في شكلها الهندسي.
هي خاصية CSS جديدة (حالياً متاحة فقط في إصدار Chrome 139+ وليست مدعومة على نطاق واسع بعد، لذا لا تستخدمها في المواقع الرسمية حالياً) تتيح لك التحكم في شكل زوايا الصندوق، وليس فقط مدى استدارتها. وهي تعمل جنباً إلى جنب مع border-radius — فكر في border-radius على أنها تحدد حجم الزاوية، بينما تحدد corner-shape نمطها.
مثال سريع:
يمنحك هذا صندوقاً بزوايا مقعرة بدلاً من الزوايا المستديرة المعتادة.
١-خيارات تصميم أكثر : تجاوز المستطيلات والدوائر المملة. اجعل واجهة مستخدمك تبرز بزوايا مسننة، مائلة، أو بنمط squircle.
٢-وداعاً لحيَل الصور : افعل كل ذلك باستخدام CSS فقط — لا داعي لصور إضافية، ملفات SVG، أو وسوم (markup) غريبة.
٣-تنسيق متناسق : تتبع الحدود، الخلفيات، والظلال جميعها شكل الزاوية الجديد تلقائياً.
تستخدم corner-shape جنباً إلى جنب مع border-radius. تقبل هذه الخاصية من قيمة واحدة إلى أربع قيم، تماماً مثل border-radius ، ويمكنك المزج والتوفيق بين أشكال مختلفة لكل زاوية.
الأشكال المدعومة (الكلمات المفتاحية):
round (الافتراضي، تماماً مثل border-radius المعتاد).
bevel (زوايا مقطوعة بشكل مائل.
notch (زوايا حادة بقطع داخلي).
scoop (مقعرة، كأنها قضمة مأخوذة من الزاوية).
square (يزيل تأثير border-radius ويجعل الزاوية حادة).
squircle (مزيج انسيابي بين المربع والدائرة).
superellipse() (تتيح لك ضبط الانحناء بدقة باستخدام رقم).
امثلة:
CSS
الترتيب مهم: تسير القيم باتجاه عقارب الساعة بدءاً من الزاوية العلوية اليسرى، تماماً مثل خاصية border-radius.
هذه الخاصية لا تزال تجريبية. في الوقت الحالي، يدعمها متصفح Chrome 139+ و متصفح Microsoft Edge فقط، وستحتاج إلى التحقق من التوافق قبل استخدامها في أي مشاريع هامة. لكنها أداة رائعة للنماذج الأولية (Prototypes)، التجارب، أو مجرد الاستمتاع باستكشاف ميزات CSS الجديدة.
تتيح لك خاصية corner-shape اختيار نمط زواياك، وليس فقط مدى استدارتها.
تعمل مع border-radius لإنشاء أطنان من الأشكال الجديدة.
رائعة لتصاميم واجهة المستخدم العصرية والفريدة لا حاجة للصور أو ملفات SVG.
إذا كنت قد سئمت من نفس الزوايا القديمة المعتادة، جرب corner-shape (في متصفح مدعوم). إنه تغيير بسيط يمكن أن يجعل تصاميمك تبدو حيوية وممتعة.
جرب واخبرنا عن تجربتك بالتعليقات 👇
لغة CSS في تطور مستمر واليوم موضوعنا عن خاصية جديدة في css وهي conrner-shape
خاصية corner-shape هي اللاعب الجديد في الساحة اليوم؛ فبعد سنوات طويلة كانت فيها زوايا صفحات الويب إما حادة أو مستديرة قليلاً، تكسر هذه الخاصية القواعد لتمنحك أنواعاً مختلفة من تأثيرات الزوايا الرائعة مثل الحواف المائلة، التجاويف، والمربعات المستديرة (squircles) دون الحاجة للفوتوشوب أو ملفات SVG كما كان متبعاً في السابق.
فإن خاصية corner-shape تأتي لتكمل المشهد؛ فبينما يحدد الريديس حجم الزاوية، تمنحك هذه الخاصية التحكم الكامل في شكلها الهندسي.
ما هي خاصية corner-shape؟
هي خاصية CSS جديدة (حالياً متاحة فقط في إصدار Chrome 139+ وليست مدعومة على نطاق واسع بعد، لذا لا تستخدمها في المواقع الرسمية حالياً) تتيح لك التحكم في شكل زوايا الصندوق، وليس فقط مدى استدارتها. وهي تعمل جنباً إلى جنب مع border-radius — فكر في border-radius على أنها تحدد حجم الزاوية، بينما تحدد corner-shape نمطها.
مثال سريع:
div {
border-radius: 38px;
corner-shape: scoop;
}يمنحك هذا صندوقاً بزوايا مقعرة بدلاً من الزوايا المستديرة المعتادة.
لماذا يجب أن تهتم؟
١-خيارات تصميم أكثر : تجاوز المستطيلات والدوائر المملة. اجعل واجهة مستخدمك تبرز بزوايا مسننة، مائلة، أو بنمط squircle.
٢-وداعاً لحيَل الصور : افعل كل ذلك باستخدام CSS فقط — لا داعي لصور إضافية، ملفات SVG، أو وسوم (markup) غريبة.
٣-تنسيق متناسق : تتبع الحدود، الخلفيات، والظلال جميعها شكل الزاوية الجديد تلقائياً.
كيف تعمل هذه الخاصية؟
تستخدم corner-shape جنباً إلى جنب مع border-radius. تقبل هذه الخاصية من قيمة واحدة إلى أربع قيم، تماماً مثل border-radius ، ويمكنك المزج والتوفيق بين أشكال مختلفة لكل زاوية.
الأشكال المدعومة (الكلمات المفتاحية):
round (الافتراضي، تماماً مثل border-radius المعتاد).
bevel (زوايا مقطوعة بشكل مائل.
notch (زوايا حادة بقطع داخلي).
scoop (مقعرة، كأنها قضمة مأخوذة من الزاوية).
square (يزيل تأثير border-radius ويجعل الزاوية حادة).
squircle (مزيج انسيابي بين المربع والدائرة).
superellipse() (تتيح لك ضبط الانحناء بدقة باستخدام رقم).
div {
border-radius: 38px;
corner-shape: scoop; // خصائص أخرى
}امثلة:
CSS
/* جميع الزوايا مائلة */
corner-shape: bevel;
/* الزاوية العلوية اليسرى والسفلية اليمنى مسننة، والباقي بنمط superellipse */
corner-shape: notch superellipse(0.6);
/* كل زاوية بشكل مختلف */
corner-shape: scoop superellipse(-1.6) superellipse(-2.2) round;
.
الترتيب مهم: تسير القيم باتجاه عقارب الساعة بدءاً من الزاوية العلوية اليسرى، تماماً مثل خاصية border-radius.
دعم المتصفحات
هذه الخاصية لا تزال تجريبية. في الوقت الحالي، يدعمها متصفح Chrome 139+ و متصفح Microsoft Edge فقط، وستحتاج إلى التحقق من التوافق قبل استخدامها في أي مشاريع هامة. لكنها أداة رائعة للنماذج الأولية (Prototypes)، التجارب، أو مجرد الاستمتاع باستكشاف ميزات CSS الجديدة.
باختصار
تتيح لك خاصية corner-shape اختيار نمط زواياك، وليس فقط مدى استدارتها.
تعمل مع border-radius لإنشاء أطنان من الأشكال الجديدة.
رائعة لتصاميم واجهة المستخدم العصرية والفريدة لا حاجة للصور أو ملفات SVG.
إذا كنت قد سئمت من نفس الزوايا القديمة المعتادة، جرب corner-shape (في متصفح مدعوم). إنه تغيير بسيط يمكن أن يجعل تصاميمك تبدو حيوية وممتعة.
جرب واخبرنا عن تجربتك بالتعليقات 👇
إطلاق شركة غوغل تطبيقاً جديداً "غوغل إيه آي إيدج إيليكوينت" (Google AI Edge Eloquent) مدعوماً بالذكاء الاصطناعي يهدف إلى تسجيل الكلام وتحويله إلى نصوص مكتوبة بدقة واحترافية.
أبرز ميزات التطبيق:
العمل دون اتصال (Offline): يمكن استخدامه بدون إنترنت بعد تنزيل النماذج الصوتية المبنية على منصة "جيما".
التنقيح التلقائي الذكي: يقوم بإزالة الكلمات الحشوية والتوقفات المترددة (مثل "أم" و"آه") لإنتاج نص دقيق ونظيف.
خيارات التنسيق: يتيح تحويل النص الناتج إلى أشكال مختلفة (نقاط رئيسية، صياغة رسمية، ملخص، أو نص مطول).
التخصيص والربط: يدعم استيراد الأسماء والمصطلحات من حساب "جيميل"، مع إمكانية إضافة كلمات مخصصة.
إدارة الجلسات: يعرض سجل التسجيلات السابقة مع إمكانية البحث، بالإضافة إلى تتبع سرعة الكلام وعدد الكلمات.
التوافر والخطط المستقبلية:
التطبيق متاح حالياً لمستخدمي أنظمة iOS.
من المتوقع طرحه قريباً على أجهزة أندرويد، مع ميزات دمج إضافية مثل استخدامه كلوحة مفاتيح افتراضية أو زر عائم للتسجيل السريع.
أبرز ميزات التطبيق:
العمل دون اتصال (Offline): يمكن استخدامه بدون إنترنت بعد تنزيل النماذج الصوتية المبنية على منصة "جيما".
التنقيح التلقائي الذكي: يقوم بإزالة الكلمات الحشوية والتوقفات المترددة (مثل "أم" و"آه") لإنتاج نص دقيق ونظيف.
خيارات التنسيق: يتيح تحويل النص الناتج إلى أشكال مختلفة (نقاط رئيسية، صياغة رسمية، ملخص، أو نص مطول).
التخصيص والربط: يدعم استيراد الأسماء والمصطلحات من حساب "جيميل"، مع إمكانية إضافة كلمات مخصصة.
إدارة الجلسات: يعرض سجل التسجيلات السابقة مع إمكانية البحث، بالإضافة إلى تتبع سرعة الكلام وعدد الكلمات.
التوافر والخطط المستقبلية:
التطبيق متاح حالياً لمستخدمي أنظمة iOS.
من المتوقع طرحه قريباً على أجهزة أندرويد، مع ميزات دمج إضافية مثل استخدامه كلوحة مفاتيح افتراضية أو زر عائم للتسجيل السريع.
Forwarded from عاصم آل ناجي (┍᥈᥉ᥱᦂ┑)
السلام عليكم ورحمة الله وبركاته .
اليوم وبعد عمل متواصل لمدة اسبوع كامل انتهيت من انجاز مكتبة للاتصال بقواعد البيانات من جافا بتقنية ORM .
https://github.com/AsemNajee/JavaBase.git
اقرأ ملف README لتعرف طريقة استخدام المكتبة بالشكل الصحيح .
اليوم وبعد عمل متواصل لمدة اسبوع كامل انتهيت من انجاز مكتبة للاتصال بقواعد البيانات من جافا بتقنية ORM .
https://github.com/AsemNajee/JavaBase.git
اقرأ ملف README لتعرف طريقة استخدام المكتبة بالشكل الصحيح .
GitHub
AsemNajee/JavaBase
ORM Framework. Contribute to AsemNajee/JavaBase development by creating an account on GitHub.
💯 مواقع ذكاء اصطناعي راح تستفيد منه.
١- Gamma.app – عروض تقديمية بالذكاء الاصطناعي
٢- Tome.app – برزنتيشن تلقائي
٣- Beautiful.ai – تصميم عروض احترافية
٤- Pitch.com – عروض حديثة
٥- SlidesAI.io – تحويل النص إلى عرض
٦- Decktopus.com – عروض ذكية
٧- Canva.com/ai – تصميم شامل
٨- Visme.co – عروض وإنفوجرافيك
٩- Prezi.com – عروض متحركة
١٠- ZohoShow.com – عروض مجانية
١١- Notion.so/ai – كتابة وتنظيم
١٢- Notta.ai – تفريغ صوت
١٣- Otter.ai – تسجيل اجتماعات
١٤- Fireflies.ai – تلخيص اجتماعات
١٥- Fathom.video – ملاحظات اجتماعات
١٦- Tldv.io – تلخيص مكالمات
١٧- Supernormal.com – تلخيص تلقائي
١٨- Mem.ai – تنظيم أفكار
١٩- Reflect.app – تدوين ذكي
٢٠- Taskade.com – مهام وخرائط ذهنية
٢١- Perplexity.ai – بحث ذكي
٢٢- Phind.com – بحث للمبرمجين
٢٣- You.com – بحث وكتابة
٢٤- ChatGPT.com – مساعد ذكي
٢٥- Claude.ai – كتابة وتحليل
٢٦- Gemini.google.com – ذكاء جوجل
٢٧- Copilot.microsoft.com – مساعد مايكروسوفت
٢٨- Poe.com – عدة نماذج AI
٢٩- HuggingFace.co – نماذج مفتوحة
٣٠- FlowGPT.com – برومبتات جاهزة
٣١- Leonardo.ai – صور احترافية
٣٢- Ideogram.ai – صور بنصوص
٣٣- Krea.ai – توليد صور
٣٤- PlaygroundAI.com – صور AI
٣٥- Mage.space – صور مجانية
٣٦- Civitai.com – موديلات صور
٣٧- SeaArt.ai – صور إبداعية
٣٨- DreamStudio.ai – Stable Diffusion
٣٩- Artbreeder.com – دمج صور
٤٠- DeepDreamGenerator.com – صور فنية
٤١- RunwayML.com – فيديو AI
٤٢- Pika.art – نص إلى فيديو
٤٣- Kaiber.ai – فيديو إبداعي
٤٤- LumaLabs.ai – فيديو واقعي
٤٥- Synthesia.io – فيديو تعليمي
٤٦- HeyGen.com – أفاتار متكلم
٤٧- Opus.pro – تحويل فيديو لشورتس
٤٨- CapCut.com – مونتاج AI
٤٩- VEED.io – مونتاج وترجمة
٥٠- InVideo.io – صناعة فيديو
٥١- ElevenLabs.io – صوت احترافي
٥٢- Play.ht – تحويل نص لصوت
٥٣- Murf.ai – صوت طبيعي
٥٤- Speechify.com – قراءة نصوص
٥٥- Listnr.ai – تحويل صوت
٥٦- Resemble.ai – استنساخ صوت
٥٧- Coqui.ai – صوت مفتوح
٥٨- Uberduck.ai – أصوات وشخصيات
٥٩- Voicemod.net – تغيير صوت
٦٠- Soundraw.io – موسيقى AI
٦١- AIVA.ai – تأليف موسيقى
٦٢- Boomy.com – صناعة أغاني
٦٣- Beatoven.ai – موسيقى فيديو
٦٤- Soundful.com – موسيقى جاهزة
٦٥- Endel.io – موسيقى تركيز
٦٦- Brain.fm – تحسين التركيز
٦٧- Loudly.com – إنتاج موسيقى
٦٨- Bandlab.com – استوديو موسيقى
٦٩- Audiotool.com – إنتاج صوت
٧٠- Soundation.com – صناعة موسيقى
٧١- Durable.co – إنشاء مواقع
٧٢- Framer.com/ai – تصميم مواقع
٧٣- Wix.com/ai – مواقع تلقائية
٧٤- 10Web.io – ووردبريس AI
٧٥- Hostinger.ai – بناء مواقع
٧٦- Typedream.com – صفحات هبوط
٧٧- Mixo.io – مواقع ستارتاب
٧٨- Carrd.co – صفحات بسيطة
٧٩- Webflow.com/ai – تصميم مواقع
٨٠- TeleportHQ.io – بناء مواقع
٨١- Replit.com – برمجة وتشغيل
٨٢- Codeium.com – مساعد برمجي
٨٣- Blackbox.ai – كود ذكي
٨٤- Phind.com – بحث برمجي
٨٥- Cursor.com – محرر AI
٨٦- V0.dev – واجهات UI
٨٧- Bolt.new – تطبيقات سريعة
٨٨- Stackblitz.com – تطوير مباشر
٨٩- CodeSandbox.io – تشغيل مشاريع
٩٠- Tabnine.com – إكمال كود
٩١- Remove.bg – حذف خلفية
٩٢- Cleanup.pictures – إزالة عناصر
٩٣- Upscale.media – تحسين صورة
٩٤- Let’sEnhance.io – رفع جودة
٩٥- PhotoRoom.com – صور منتجات
٩٦- Clipdrop.co – أدوات صور
٩٧- Hotpot.ai – تصميم وصور
٩٨- Designify.com – تحسين صور
٩٩- Remove.video – حذف خلفية فيديو
١٠٠- IMG2GO.com – أدوات صور وملفات
Canva
Login to your Canva account
Login to access and create your next design.
Forwarded from 𝐈𝐓𝐂𝐎𝐃𝐄 (الْــۦٕ٘۬ـمۦٕ٘۬ــحـ᭖͡᭜᭝ـمـــٰٚـِِْـٰودي𖤓 .)
#معلومة
الفرق بين Error و Exception
—————————————--
يمكن تلخيص الفروقات كالتالي:
التعريف:
Error:
هي مشكلات جسيمة تحدث على مستوى النظام أو البيئة، وتكون عادةً خارج سيطرة البرنامج.
—————
Exception:
هي مشكلات تحدث أثناء تشغيل البرنامج بسبب أخطاء برمجية أو مدخلات غير صحيحة، ويمكن معالجتها.
——————————————-
أمثلة:
Error:
مثل OutOfMemoryError (نفاد الذاكرة)، وStackOverflowError (تجاوز سعة المكدس).
—————
Exception:
مثل NullPointerException (محاولة الوصول إلى كائن فارغ)
وIOException (خطأ في الإدخال/الإخراج).
———————————————————
إمكانية المعالجة:
Error:
لا يستطيع المبرمج معالجة الأخطاء باستخدام الكود البرمجي، لأنها عادة تتطلب إصلاحات على مستوى النظام.
—————
Exception:
يمكن للمبرمج معالجتها باستخدام try-catch وغيرها... لمنع توقف البرنامج.
——————————————————
الأصل:
Error:
تنحدر من المكتبة
java.lang.Error.
—————
Exception:
تنحدر من المكتبة
java.lang.Exception.
—————————————-
التأثير:
Error:
عادة ما تتسبب في توقف البرنامج بالكامل.
—————
Exception:
يمكن التعامل معها، والبرنامج يستمر في التنفيذ.
————————————————————
الفرق بين Error و Exception
—————————————--
يمكن تلخيص الفروقات كالتالي:
التعريف:
Error:
هي مشكلات جسيمة تحدث على مستوى النظام أو البيئة، وتكون عادةً خارج سيطرة البرنامج.
—————
Exception:
هي مشكلات تحدث أثناء تشغيل البرنامج بسبب أخطاء برمجية أو مدخلات غير صحيحة، ويمكن معالجتها.
——————————————-
أمثلة:
Error:
مثل OutOfMemoryError (نفاد الذاكرة)، وStackOverflowError (تجاوز سعة المكدس).
—————
Exception:
مثل NullPointerException (محاولة الوصول إلى كائن فارغ)
وIOException (خطأ في الإدخال/الإخراج).
———————————————————
إمكانية المعالجة:
Error:
لا يستطيع المبرمج معالجة الأخطاء باستخدام الكود البرمجي، لأنها عادة تتطلب إصلاحات على مستوى النظام.
—————
Exception:
يمكن للمبرمج معالجتها باستخدام try-catch وغيرها... لمنع توقف البرنامج.
——————————————————
الأصل:
Error:
تنحدر من المكتبة
java.lang.Error.
—————
Exception:
تنحدر من المكتبة
java.lang.Exception.
—————————————-
التأثير:
Error:
عادة ما تتسبب في توقف البرنامج بالكامل.
—————
Exception:
يمكن التعامل معها، والبرنامج يستمر في التنفيذ.
————————————————————
❤4