الموسوعة
-
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) يضمن مظهرًا رائعًا لصفحتك الإلكترونية على جميع الأجهزة.يعتمد تصميم الويب…
أكمل القراءة » -
71-نموذج صندوق Flexbox في CSS
وحدة نموذج صندوق Flexbox في CSSقبل وحدة نموذج صندوق Flexbox، كانت هناك أربعة أنماط تخطيط:كتلة، لل أقسام في صفحة الويب…
أكمل القراءة » -
70- استعلامات الوسائط CSS – أمثلة
استعلامات الوسائط CSS – المزيد من الأمثلةللق نظرة على بعض الأمثلة الأخرى على استخدام استعلامات الوسائط.تعد استعلامات الوسائط تقنية شائعة…
أكمل القراءة »