أرشيف الوسم: css

تخصيص CSS للمستعرضات … باستخدام جافا سكريبت

تحدثت في تدونية سابقه عن تطبيق conditional-css .. لتخصيص أكواد css للمستعرضات باستخدام php .. في هذه التدوينة سأستعرض تطبيق أخر لتخصيص أكواد css للمستعرضات و لاكن هذه المره باستخدام الجافا سكريبت .

CSS Browser Selector
تطبيق صغير الحجم لا يتعدي الكيلو بايت مبني باستخدام جافا سكريبت .. التطبيق يتيح تخصيص اكواد CSS لتظهر بشكل مختلف على مستعرض دون الأخر أو على نظام تشغيل دون الأخر .
أكمل القراءة

3 ادوات لتجريب أكواد Html / CSS اون لاين ..

أثناء بحثي عن محرر Html / CSS يتيح كتابة أكواد Html و CSS وتجربتها مباشرة لاستخدامه لعرض الأمثلة التي ساقوم باذن الله بطرحها في دروس CSS و Html  القادمة و التي ستعتمد على الأمثلة بشكل رئيسي لتوضيح فائدة كل خاصية و عنصر و اتاحة الفرصة للزائر لكي يعدل على الكود و تطبيق تعديلاته و بالتالي تكون الاستفادة أكبر .. و هذه هي الطريقة المستخدمة في عرض الأمثلة في موقع w3cschools … بعد البحث و الاطلاع على الكثير من الصفحات و جدت عدد من الأدوات تفي بالغرض ولكن للأسف لا تتيح امكانية تحميلها و رفعها على موقعي و استخدامها لعرض أمثلتي … فأردت مشاركتكم بها إلى أن أجد ضالتي … :(

Rendur
اداة توفر مربع ادخال قابل للتحريك وتغير الحجم .. قم بكتابة أكوادك وسيتم تطبيقها مباشرة ، ما يميز هذا المحرر هو ان تطبيق الاكواد سيكون في الصفحة كاملة وهذا ما يعطيك فرصة اكبر للمعاينة .

Real-time
صفحة الاداة مقسمه الى جزئين قم بكتابة اكوادك في الجزء العلوي من الصفحة وسيتم تطبيقها مباشرة في الجزء السفلي .

TryIt Editor
هذه الاداة هي المستخدمة في موقع w3cschools .. ما يعيب هذه الاداه صغر المساحة الخاصة بتطبيق الأكواد كما أن الأكواد لا يتم تطبيقها فور كتابتها ولكن عليك الضغط على زر ” Edit the text and click me ” ليتم تطبيقها .

اذا كان لديك اداة يمكنني استخدامها لعرض الأمثلة فلا تبخل علينا بالمساعدة

الفرق بين ID’s و Classes

اثناء تصميم صفحات الويب نحتاج الى تخصيص طريقة عرض بعض عناصر Html ويتم ذلك عن طريق منحها خواص css خاصه بها ولهذا فنحن نسنتخدم ID’s و Classes … في هذه التدوينه سنتناول تعريف كل منهما وكيفية استخدامها .

لا يوجد ما يميز ID عن Class في CSS من حيث الاستخدام فما يمكنك القيام به باحدهما يمكنك القيام به بالاخر وتبقى لك الحرية في استخدام اي منهما تبعاً لرؤيتك و تقديرك اي منهما سيكون مناسب لعنصرك أكثر .
أكمل القراءة

مدخلك لعالم css

منذ أن إفتتحت مدونتي وأنا أخطط لطرح سلسلة دروس تعليميه للمبتدئين عن CSS فعلى الرغم من أهمية هذه التقنية و فائدتها الكبيرة الا انها تظل محدوده الانتشار على المستوى العربي .. ارجو ان أوفق في تقديم المعلومة بشكل واضح .. اذا كان لديك اي استفسار بخصوص الدرس فقم بطرحة كتعليق او راسلني به .


ماهي CSS ؟
CSS هي اختصار لـ Cascading Style Sheet و هي ما تعرف بالعربية بصفحات الأنماط الانسيابيه .. وهي المسؤله عن التحكم في كيفية ظهور و عرض عناصر صفحات الويب حيث يمكننا من خلالها التحكم في الخلفيات و الوان الخطوط وتحديد نوع الخط المستخدم وحجمه وتنسيقه و المسافة بين السطور و عرض و ارتفاع العناصر ….. و الكثير من الخصائص التي سنتناولها في دروس لاحقه باذن الله .
أكمل القراءة

معارض Css … دعوة لإضافة مواقعنا العربية

معارض Css هي معارض تضم مواقع تعتمد في تصميمها على Css بشكل اساسي وبدون استخدام الجداول ، بعض هذه المعارض يشترط ان يكون الموقع مطابق لمعايير Xhtml و Css حتى يتم قبوله في المعرض .. ستجد في هذه المعارض افكار و تصميمات جمبله ربما تكون مصدر الهام لك ..

قمت من فترة باضافة موقعي في بعض هذه المعارض … هذه قائمة بصفحة موقعي في بعض المعارض :
أكمل القراءة