الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

لغة سمة العربية البديلة لCSS

بدأه Blaze Boy في 20 مايو 2012 · 13 رد · 1,606 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

احب ان اعرض عليكم آخر مشروعاتى و هى لغة سمة

لغة بديلة للغة CSS يمكن كتابتها بنفس الصيغة و لكن تكون جميع النصوص عربية و يقوم المترجم بترجمة اللغة إلى CSS

على جهاز العميل و إدراجها فى الصفحة بطريقة آلية.

logo.png

موقع اللغة هو :

blazeeboy.github.com/Sema-lang

رأيكم كمتخصصين يهمنى لتصليح الأخطاء و جعلها مناسبة لكى تعمل فى production environment

3
#2

لست متخصصاً و لكن أعجبتني الفكرة ... على الأفل كونها قد تخدم وسيطاً أمام من لا يحب تعلّم اللغات الأجنبيّة happy.gif ...

لدي بعض التعليقات - غير المهمّة ( راجع أوّل كلمتين من السطر الأول في ردّي ) - و لكن سأنتظر لأرى آراء بقيّة الأعضاء ...

أتمنّى لك التوفيق

تحياتي

? Which came first : The Stupid Question or The Incomprehensible Answer

some people just want to watch the world burn

#3

شكرا ً لك اخي الكريم على مجهود المبارك استمر اخي الكريم وربنا يوفقك ان شاء الله

قمت بتجربة اللغة للاسف لم تعمل معي !!

لا ادري لماذا

قمت بعمل ثلاثة ملفات

style.sema

index.html

sema.js

ملف style.sema وضعت فيه التالي :

div{
	الحدود : 1 بيكسل #886677 منقط؛
	الخلفية : عنوان("image.png") بدون-تكرار اعلى منتصف;
	الهامش : 1انش 3.5انش 4بيكسل؛
}

ملف index.html

<html>
	<head>
		<link rel="stylesheet/sema" type="text/css" href="style.sema"> 
		<script src="sema.js" type="text/javascript"></script> 
	</head>
	<body>
		<div>
			dfsd
		</div>
	</body>

</html>

ملف sema.js نفس المكتبة حقت اللغة لكن للاسف لم يعمل شي !!

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#4

احذف المسافة بين 1 و بيكسل فى ثانى سطر اعتقد بذلك ستعمل

#5

اشتغل فقط على الكروم

اما الفايرفوكس والاكسبلورر لم يعمل فيه !!

تم تعديل هذه المشاركة بواسطة M.B.O في 21 مايو 2012 في 01:28

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#6

طيب ممكن تقولى النسخ اللى حضرتك شغال عليها من فايرفوكس و انترنت اكسبلورر ؟

#7

جميل كبداية

CSS Translator

GoodBye

#8

Firefox 12.0

Explorer 8

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#9

السلام عليكم

---------------------------------

عمل طيب , نسأل الله التوفيق و أن يبارك في هذا العمل .

قمت بالتجربة بواسطة http://blazeeboy.github.com/Sema-lang/#try على

Firefox 12.0 ----> تمت الترجمة بشكل جيد

Chrome 19 ------> تمت الترجمة بشكل جيد

IExplorer 9 -------> لم تتم الترجمة و لم يظهر أي خطأ

------------------

قمت ببعض التجارب منها من تمت بشكل جيد , و البعض لا مثال :

سابقة {

لون: #886677;

}

النتيجة

 سابقة{color:#886677;}

------------------

سابقة + سابقة {

لون: #886677;

}

أو

p + p {

لون: #886677 ;

}

النتيجة

Parse error near " + سابقة   { 

	لون: #886677;

}", expecting "(,{,identifier,measurement,*,id_sign,,,class_sign,:,>,important,line_terminal"

------------

p {

لون: أخضر;

}

النتيجة ( يا أخي يوجد اللون الفضي لماذا لا يوجد الأخضر :happy: )

 سابقة{color:أخضر;}

-------------

فعلا يا أخي عمل طيب , أسأل الله أن يعينك و يوفقك عليه.

2
#10

شكرآ لمراجعتك كثيرآ,

اللون الأخضر و اى نص يحوى على حرف الألف يرجى كتابته "ا" و ليس "أ" او "إ" كالتالى :

p { 
لون: اخضر;
}

أما بالنسبة لانترنت اكسبلورر فسوف اقوم بتصليحها بإذن الله اعتقد ان المشكلة فى sema.utils.logger.log لانها تستخدم كونسول و هو غير معرف فى انترنت اكسبلورر

بالنسبة لselectors لا يتم ترجمة سوى الpseudo selector مثل :active :hover ...etc

و بالنسبة لل+ لم انفذها فعلآ .. آسف لذلك سأقوم بإضافتها أيضآ ..

تعديل: قمت بإضافة ال + لقائمة فواصل الSelectors, و قمت بتصليح اعتقد انه سيجعلها تعمل فى النترنت اكسبلورر .. أسف لعدم تمكنى من اختباره على انترنت اكسبلورر لإعتمادى على اوبونتو

تم تعديل هذه المشاركة بواسطة Blaze Boy في 22 مايو 2012 في 00:31

1
#11

سلام عليكم

--------------------------------

خاصية محتوى تعمل مع إدراج الصورة و لا تعمل مع النص

div:بعد {

محتوى : عنوان("image.png") ;

}

div:after{content:url("image.png");}

div:بعد {

محتوى : "السلام عليكم" ;

}

النتيجة

Parse error near ""السلام عليكم" ;
}

", expecting "identifier,measurement,*,id_sign,,,class_sign,:,>,+"

أما كتابة - سلام عليكم - بدون " Double quotes "

div:بعد {

محتوى : السلام عليكم ;

}

النتيجة :

div:after{content:السلام عليكم;}

هذه النتيجة غير مقبولة في Css , أي لا بد من " Double quotes "

-------------

بالتوفيـــــق

1
#12

شكرآ لقد قمت بمراجعتها و تصحيحها,

فى انتظار المزيد من المراجعة

#13

مجهود رائع :)

يحتاج إلى الكثير ولكن كبدايه مشجع جدا

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#14

جميل لكن لماذا لم يتم اختصارها مثل http://lesscss.org وكتابتها بشكل افضل مادام من سيستخدمها هو حديث على لغة css

مشروعك سيكون ناجح مع من يريد التعلم بسهولة css لكن من تعلمها مسبقاً، لا اعتقد بنسبة كبيرة انه سيستخدمها

فيفضل تطويرها وتركيز جهودها نحو المبتدئين

no-place-like-home.jpg

مواضيع مشابهة