• 0
Blaze Boy

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

سؤال

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

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

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

logo.png

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

blazeeboy.github.com/Sema-lang

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

3

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

13 إجابة على هذا السؤال .

  • 0

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

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

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

تحياتي

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

لا ادري لماذا

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

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 نفس المكتبة حقت اللغة لكن للاسف لم يعمل شي !!

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

تم تعديل بواسطه M.B.O
0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

جميل كبداية

CSS Translator

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

Firefox 12.0

Explorer 8

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

السلام عليكم

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

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

قمت بالتجربة بواسطة 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

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

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

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

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

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

تم تعديل بواسطه Blaze Boy
1

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

سلام عليكم

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

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

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

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

مجهود رائع :)

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه
  • 0

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

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

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

0

شارك هذا الرد


رابط المشاركة
شارك الرد من خلال المواقع ادناه

  • يستعرض القسم حالياً   0 members

    لا يوجد أعضاء مسجلين يشاهدون هذه الصفحة .