Year: 2024

79-CSS Grid Layout Module

تخطيط الشبكة (Grid Layout) توفر CSS Grid Layout Module نظام تخطيط يعتمد على شبكة من الصفوف والأعمدة، مما يسهّل تصميم…

Read More »

78- تصميم الويب الاستجابي إطارات العمل Frameworks

هناك العديد من إطارات CSS المجانية التي توفر تصميمًا استجابيًا. متال Bootstrap هناك طريقة رائعة لإنشاء تصميم استجابي وهي استخدام…

Read More »

77- تصميم الويب الاستجابي – الفيديوهات

استخدام خاصية العرض (width) إذا تم ضبط خاصية العرض (width) على 100%، سيصبح مشغل الفيديو استجابة ويتغير لأعلى ولأسفل: مثال:…

Read More »

76-تصميم الويب الاستجابي – الصور

استخدام خاصية العرض (width) إذا تم ضبط خاصية العرض (width) على نسبة مئوية وتم ضبط خاصية الارتفاع (height) على “auto”،…

Read More »

75-تصميم الويب الاستجابي – استعلامات الوسائط

ما هو استعلام الوسائط (Media Query)؟ استعلام الوسائط هي تقنية CSS تم تقديمها في CSS3. تستخدم قاعدة @media لتضمين كتلة…

Read More »

74-تصميم الويب الاستجابي – عرض الشبكة

ما هو عرض الشبكة (Grid-View)؟ تعتمد العديد من صفحات الويب على عرض شبكة، مما يعني تقسيم الصفحة إلى أعمدة: يعد…

Read More »

73-تصميم الويب الاستجابة – منطقة العرض (Viewport)

ما المقصود بمنطقة العرض (Viewport)؟ منطقة العرض (Viewport) هي المساحة المرئية للمستخدم لصفحة الويب. يختلف حجم منطقة العرض بناءً على…

Read More »

72- تصميم الويب الاستجابة – مقدمة

ما هو تصميم الويب الاستجابة؟ تصميم الويب الاستجابة (Responsive Web Design) يضمن مظهرًا رائعًا لصفحتك الإلكترونية على جميع الأجهزة. يعتمد…

Read More »

71-نموذج صندوق Flexbox في CSS

وحدة نموذج صندوق Flexbox في CSS قبل وحدة نموذج صندوق Flexbox، كانت هناك أربعة أنماط تخطيط: كتلة، لل أقسام في…

Read More »

70- استعلامات الوسائط CSS – أمثلة

استعلامات الوسائط CSS – المزيد من الأمثلة للق نظرة على بعض الأمثلة الأخرى على استخدام استعلامات الوسائط. تعد استعلامات الوسائط…

Read More »