Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing

جميع المقالات

رسم أشكال هندسية بواسطة HTML و CSS

يمكن رسم الأشكال الهندسية من خلال وضع عدة وسوم <div> في الصفحة و من ثم إضافة خصائص الطول، العرض، اللون، الدوران و غيرها من الخصائص التي تتيحها لنا لغة CSS. في هذ المقال ستتعرف على عدة طرق لرسم الأشكال الهندسية بواسطة لغتي HTML و CSS.

طريقة جعل العنصر يدور عند تمرير الماوس فوقه بواسطة CSS

في هذا المقال ستتعلم كيف تجعل العنصر يدور في مكانه عند تمرير مؤشر الماوس (Mouse Cursor) فوقه بخطوات بسيطة جداً. بشكل عام لجعل العنصر قابل للدوران يجب أن يكون له حجم بحيث نستطيع تمرير الماوس فوقه و يجب تحديد خلال كم جزء من الثانية نريد أن يدور العنصر خلال نفسه و هذا الأمر نفعله بإضافة الخاصية transition للعنصر. الآن لجعله يدور عند تمرير مؤشر الماوس فوقه دورة كاملة حول نفسه (أي 360 درجة) فإننا نحتاج فقط إضافة الخاصية transform: rotate(360deg) له.

الفرق بين لغة HTML و لغة XML

في البداية، أحرف HTML هي اختصار لعبارة Hyper Text Markup Language و التي تعني لغة ترميز النص التشعّبي. أحرف XML هي اختصار لعبارة eXtensible Markup Language و التي تعني لغة الترميز القابلة للتمدّد.

طريقة تركيب الكتابة على صورة باستخدام CSS

وضع نص عشوائي في وسم <p> وضع الصورة التي نريد دمجها مع نص الوسم <p> كخلفية له بواسطة خصائص CSS. وضع بلوك غير مرئي أمام الوسم <p> بواسطة خصائص CSS حتى نجعل النص الموجود على الصورة لا يمكن لمسه و بالتالي تصبح الصورة و الكتابة كأنها فعلاً صورة واحد.

طريقة إضافة حدود ملونة و متحركة حول عناصر صفحات الويب

في هذا المقال ستتعلم كيف تقوم بوضع العنصر في وسط الصفحة و إظهار حدود متحركة حوله بواسطة HTML و CSS فقط.

أهمية وضع تعليقات في الكود

إن التعليقات تسهل قراءة الكود البرمجي وتنظمه حتى يتمكن فريق العمل أو أي مبرمج آخر من فهم المطلوب من هذا الكود البرمجي بسهولة أو حتى تتذكر لم كتبت هذا الكود إن عدت إليه بعد فترة كبيرة من الزمن.

تحسين ظهور الموقع في محركات البحث

تحسين تصميم الموقع ليظهر في الصفحات الأولى في محركات البحث يسمى Search Engine Optimization و في العادة نختصره بثلاث أحرف هي SEO و هي مهمة جداً إذ أنها تساعد في انتشار الموقع الخاص بك على مدى واسع إذا طبقت معايير محركات البحث.في هذا المقال تجد طرق تحسين ظهور الموقع في محركات البحث كالمعلومات التي يجب أن تتوفر في ال head و غيرها.

تحسين ظهور منشورات الموقع في منصات التواصل الإجتماعي

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

ما هو Bootstrap و كيف يستخدم؟

Bootstrap عبارة عن إطار عمل (Framework) مجاني يستخدم لتسهيل عملية تصميم صفحات الويب على المطور حيث يوفر له كلاسات CSS جاهزة يمكنه إستخدامها لإظهار العناصر (Components) التي نضيفها في الصفحات بشكل جميل جداً و متجاوب مع حجم الصفحة (Responsive) مثل الأزرار (Buttons), مربعات النص (Text Fields), القوائم المنسدلة (Drop Down Menus) و غيرها من الأشياء المساعدة مثل رسائل التنبيهات التي نظهرها للمستخدم.

الدورات

أدوات مساعدة

أقسام الموقع

دورات
مقالات كتب مشاريع أسئلة