CSS
-
81- عناصر CSS Grid
عناصر (عناصر فرعية) حاوية CSS Gridتحتوي حاوية CSS Grid على عناصر شبكة (grid items). بشكل افتراضي، تحتوي الحاوية على عنصر…
أكمل القراءة » -
80-حاوية CSS Grid
إنشاء حاوية CSS Gridلعمل عنصر HTML كحاوية شبكة، يجب عليك ضبط خاصية العرض (display) على grid أو inline-grid.تتكون حاويات الشبكة…
أكمل القراءة » -
79-CSS Grid Layout Module
تخطيط الشبكة (Grid Layout)توفر CSS Grid Layout Module نظام تخطيط يعتمد على شبكة من الصفوف والأعمدة، مما يسهّل تصميم صفحات…
أكمل القراءة » -
78- تصميم الويب الاستجابي إطارات العمل Frameworks
هناك العديد من إطارات CSS المجانية التي توفر تصميمًا استجابيًا. متال Bootstrapهناك طريقة رائعة لإنشاء تصميم استجابي وهي استخدام ورقة…
أكمل القراءة » -
77- تصميم الويب الاستجابي – الفيديوهات
استخدام خاصية العرض (width)إذا تم ضبط خاصية العرض (width) على 100%، سيصبح مشغل الفيديو استجابة ويتغير لأعلى ولأسفل:مثال:video { width: 100%; height: auto;…
أكمل القراءة » -
76-تصميم الويب الاستجابي – الصور
استخدام خاصية العرض (width)إذا تم ضبط خاصية العرض (width) على نسبة مئوية وتم ضبط خاصية الارتفاع (height) على “auto”، ستصبح…
أكمل القراءة » -
75-تصميم الويب الاستجابي – استعلامات الوسائط
ما هو استعلام الوسائط (Media Query)؟استعلام الوسائط هي تقنية CSS تم تقديمها في CSS3. تستخدم قاعدة @media لتضمين كتلة من…
أكمل القراءة » -
74-تصميم الويب الاستجابي – عرض الشبكة
ما هو عرض الشبكة (Grid-View)؟تعتمد العديد من صفحات الويب على عرض شبكة، مما يعني تقسيم الصفحة إلى أعمدة:يعد استخدام عرض…
أكمل القراءة » -
73-تصميم الويب الاستجابة – منطقة العرض (Viewport)
ما المقصود بمنطقة العرض (Viewport)؟منطقة العرض (Viewport) هي المساحة المرئية للمستخدم لصفحة الويب.يختلف حجم منطقة العرض بناءً على الجهاز، حيث…
أكمل القراءة » -
72- تصميم الويب الاستجابة – مقدمة
ما هو تصميم الويب الاستجابة؟تصميم الويب الاستجابة (Responsive Web Design) يضمن مظهرًا رائعًا لصفحتك الإلكترونية على جميع الأجهزة.يعتمد تصميم الويب…
أكمل القراءة »