مقالات في تصنيف ‘CSS’

أساسيات CSS : توسيط المحتوى [1]

هناك الكثير ممن يحاولون الدخول في عالم تنظيم المواقع و إعادة تصميمه باستخدامه CSS و لا يعرفون أهم الأساسيات التي تساعدهم في التقدم أكثر فأكثر في معرفة كيفية استخدام CSS في عملية تصميم الصفحات . لذلك سنبدأ في سرد مجموعة من أساسيات CSS خلال هذا الأسبوع من أجل تنمية مهارات المصمم العربي و تنمية معرفة [...]


[تنزيل] أزرار CSS مجانية

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


وضع نص شفاف (علامة مائية) على الصور باستخدام CSS

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


عمل قائمة بسيطة باستخدام CSS و jQuery

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


كيفية تكوين تلميحات (Tooltip) باستخدام CSS3 أو في WordPress

في أوقات سابقة كان يتم تكوين التلميحات أو Tooltips باستخدام الجافاسكربت و لم تكن تعطي الانطباع الأفضل و أحياناً كان يصعب على البعض فهم كيفية تغيير الشكل أو الألوان في الطرق التي تستخدم Javascript و لكن باستخدام CSS3 فالوضع أسهل بكثير . في هذا المقال سيتم التعريف عن كيفية عمل التلمحيات باستخدام CSS3 و أيضاً [...]


5 نصائح لكتابة كود CSS نظيف و سريع

من الضروري أن يكون حجم الملفات المستخدمة في موقعك صغير, سواء كانت ملفات Javascript, CSS بالإضافة إلى أحجام الصور المستخدمة و غيرها حتى لا تسبب حمل كبير أثناء تحميل الصفحة خاصة و أننا في الدول العربية لازلنا نعاني من السرعات المنخفضة لدى المستخدمين . لذلك فمن الضروري اللجوء للأساسيات في كل شىء , و سأتحدث [...]


تظليل النصوص Text Shadow – كيفية استخدامه

الكثير لا يعلم كيفية استخدام خاصية text-shadow من خلال CSS, نظراً لأن تلك الميزة لم تتوفر من خلال المتصفحات على نظام Windows و كانت أكثر و أوسع انتشار في نظام Mac OS X Leopard إلا منذ فترة بسيطة عندما ظهرت متصفحات تدعم تلك الخاصية في بيئة عملها مثل Firefox 3.1 .




شارك معنا