CSS if(): شروط مضمنة لتصميم أكثر ذكاءً
تعلّم كيفية استخدام if() في CSS: بناء الجملة، وstyle()، وmedia()، والدعم، والأمثلة، والدعم الحالي. منطق شرطي لأنماط أدق.
CSS
- صفحات:
- 1
كيفية إنشاء رسومات متكاملة في InDesign لمشاريعك
تعرف على كيفية إنشاء رسومات سلسة في InDesign لمشاريعك بطريقة بسيطة واحترافية ومخصصة.
الرسوم المتحركة والمؤثرات البصرية في CapCut: عزز مقاطع الفيديو الخاصة بك
اكتشف كيفية تحسين مقاطع الفيديو الخاصة بك باستخدام الرسوم المتحركة والمؤثرات البصرية في CapCut. قم بتحويل المحتوى الخاص بك بسهولة
دليل كامل لدمج مقاطع فيديو YouTube في Canva
تعرف على كيفية دمج مقاطع فيديو YouTube في تصميمات Canva خطوة بخطوة وتعزيز تصميماتك بمحتوى تفاعلي على المنصة
تعرف على كيفية توسيط صورة في DIV باستخدام HTML وCSS
هل تريد معرفة كيفية توسيط الصورة في DIV باستخدام HTML وCSS؟ اكتشف الطرق والأمثلة المختلفة لمحاذاة الصورة.
قوالب تمهيد مجانية: كيفية إنشاء مواقع ويب عالية الجودة دون إنفاق المال
اكتشف أفضل قوالب التمهيد المجانية لإنشاء مواقع ويب عالية الجودة دون إنفاق الأموال ، لفئات وموضوعات مختلفة ،
أفضل أطر CSS: ما هي ، وكيفية استخدامها وأيها تختار
تعرف على ماهية أطر CSS وكيف تعمل والمزايا التي تتمتع بها. اكتشف أيضًا أفضلها لمشروعات الويب الخاصة بك.
كيفية استخدام قوالب Bootstrap لإنشاء مواقع ويب جذابة
تعرف على ما هو Bootstrap ، وإطار عمل CSS مفتوح المصدر ، وكيفية استخدام قوالبه لإنشاء مواقع ويب جذابة وأصلية.
أمثلة الرسوم المتحركة CSS
في CSS ، يمكنك إنشاء رسوم متحركة لا نهاية لها. في هذا المنشور ، نعرض لك عدة أمثلة لبعض أفضل الرسوم المتحركة في CSS.
الرسوم المتحركة CSS
هل سبق لك أن أعدت النظر في الخيارات المتاحة لك في CSS؟ في هذا المنشور نقدم لك عالمًا جديدًا ونعلمك كيفية تحريكه.
35 قائمة في HTML و CSS
35 قائمة في CSS و HTML تستهدف الأجهزة المحمولة والمدونات والتجارة الإلكترونية وجميع أنواع مواقع الويب التي من الضروري فيها إدارة هيكل موقع الويب.
يسلط الضوء على الفئة
- 35 قائمة في HTML و CSS
- 9 قوائم CSS للشريط الجانبي لا يمكنك تفويتها
- 40 نموذج CSS لا يمكن أن يكون مفقودًا في أي موقع ويب
- 27 منزلقات HTML و CSS لإضفاء لمسة خاصة على موقع الويب الخاص بك
- 29 مخططًا زمنيًا رائعًا للتصميم في CSS وبقليل من Javascript
- 35 تأثير نص CSS إضافي لموقعك على الويب
- 41 زر CSS مجاني مع القليل من JavaScript
- 27 تأثير نص CSS أساسي لطباعة موقع الويب الخاص بك
- 23 سهمًا متحركًا في CSS لموقعك على الويب
- 29 رأس وتذييل CSS لمدونتك أو موقعك على الويب
- 35 مؤثرات صور CSS مبهجة حقًا
- 19 شريط تمرير أو دائري CSS و HTML لموقع الويب الخاص بك
- 27 بطاقة HTML و CSS مجانية للمدونات والتجارة الإلكترونية والمزيد
- تطوير FrontEnd: CodePen أم نص Sublime؟
- أكمل دليل CSS3 بصيغة PDF
- خدعة CSS: إلغاء فواصل الأسطر
تم تحديث Adobe XD بـ "Stacks" و Design Tokens و Scroll Groups والمزيد
تحديث مهم لـ Adobe XD وسيؤدي إلى تحسين سير العمل عند تصميم مواقع الويب باستخدام Stacks والميزات الجديدة الأخرى.
9 قوائم CSS بتصميم متجاوب حديث للغاية
إذا كان لديك حركة مرور من هاتف محمول أكثر من جهاز كمبيوتر ، فإن هذه السلسلة المكونة من 9 قوائم CSS ضرورية لبدء التفكير في تغيير موقع الويب الخاص بك.
9 قوائم CSS للشريط الجانبي لا يمكنك تفويتها
إذا كنت تبحث عن قوائم جانبية في CSS ، فأنت محظوظ مع هذه القوائم التسعة التي تتميز كل منها بمفهومها وتصميمها وتجربة المستخدم.
11 قائمة دائرية في CSS و HTML لاتباع معيار تصميم الويب الحالي
11 قائمة دائرية في CSS ستساعدك على إعطاء أحاسيس أخرى للزائر الجديد للتجارة الإلكترونية أو الصفحة المقصودة.
10 قوائم CSS بملء الشاشة لأي موقع ويب
هذه السلسلة من قوائم ملء الشاشة مصنوعة بالكامل تقريبًا في CSS. يمكنك الآن تحديث موقع الويب الخاص بك بقوائم أنيقة.
16 قائمة متتالية في CSS لتجديد موقع الويب الخاص بك
إذا كنت تبحث عن تجديد تصميم موقع الويب الخاص بك ، فإن القوائم المتتالية التي نقترحها هي واحدة من أهم العناصر التي يجب تنقيحها. احصل على أفكار باستخدام هذه القوائم المنسدلة الـ 16 المصممة باستخدام CSS والتي يسهل تنفيذها على موقع الويب الخاص بك.
40 نموذج CSS لا يمكن أن يكون مفقودًا في أي موقع ويب
40 نموذجًا خاصًا لـ CSS و HTML لجميع أنواع الأغراض مثل تسجيلات الدخول ونماذج التسجيل وبطاقات الدفع والاشتراكات وغير ذلك الكثير.
27 منزلقات HTML و CSS لإضفاء لمسة خاصة على موقع الويب الخاص بك
إذا كنت تبحث عن منزلقات CSS و HTML عالية الجودة لموقعك على الويب ، فلدينا كل الأنماط لتسليط الضوء على مقارنة الصور قبلها وبعدها.
29 مخططًا زمنيًا رائعًا للتصميم في CSS وبقليل من Javascript
تعد هذه الجداول الزمنية البالغ عددها 29 CSS مثالية لتمثيل تاريخ الشركة أو يوم العمل في تدريب مكثف. إذا كنت تريد وضع جدول زمني على موقع الويب الخاص بك ، فلا تفوت هذه التصميمات.
35 تأثير نص CSS إضافي لموقعك على الويب
تأثيرات نص CSS للظلال أو المنظر أو مواطن الخلل أو حتى نوع الفيلم الصامت. مجموعة كبيرة ومتنوعة تتميز بجودتها.
41 زر CSS مجاني مع القليل من JavaScript
إذا كنت تبحث عن أزرار في CSS لاستخدامها في التنزيلات أو العبارات التي تحث المستخدم على اتخاذ إجراء أو الشبكات الاجتماعية ، فهذه الأزرار 41 متطورة للغاية.
27 تأثير نص CSS أساسي لطباعة موقع الويب الخاص بك
إذا كنت ترغب في إبراز أسلوب طباعة موقع الويب الخاص بك أو مجرد نص ، فإن تأثيرات CSS هذه ستخدمك بشكل مثالي لوضع الجليد على الكعكة. قم بتنزيل أنماط CSS الـ 27 هذه مجانًا لتطبيقها على النصوص أو العناوين الرئيسية لموقع الويب الخاص بك.
23 سهمًا متحركًا في CSS لموقعك على الويب
هل تحتاج إلى استخدام سهم على موقع الويب الخاص بك؟ لا تفوت هذه القائمة المكونة من 23 سهمًا متحركًا باستخدام CSS لنقل المستخدمين إلى مكان ما على موقع الويب الخاص بك أو تمييز CTA على صفحتك.
29 رأس وتذييل CSS لمدونتك أو موقعك على الويب
إذا كنت تبحث عن تذييلات ورؤوس CSS عالية الجودة ، فيمكن لهذه القائمة الرائعة المكونة من 29 صفحة أن تقطع شوطًا طويلاً نحو الحصول على الكود الذي تبحث عنه.
35 مؤثرات صور CSS مبهجة حقًا
35 تأثيرًا رائعًا لصور CSS محفز حقًا. هناك بعض معقدة للغاية لبعض بسيطة للغاية.
19 شريط تمرير أو دائري CSS و HTML لموقع الويب الخاص بك
إذا كنت بحاجة إلى شريط تمرير مختلف عن تلك التي يمكنك العثور عليها على أي موقع ويب ، فإن هذه الدوارات مثالية لنهايتها الرائعة وكونها مجانية.
27 بطاقة HTML و CSS مجانية للمدونات والتجارة الإلكترونية والمزيد
تتمتع بطاقات HTML و CSS هذه بصفات مختلفة لدمجها في التجارة الإلكترونية أو المدونة الخاصة بك وبالتالي تميز نفسك عن المنافسة.
23 مكتبة CSS عالية الجودة لتصميم الويب
تعد مكتبات CSS هذه خلاصة وافية عالية الجودة للعناصر المرئية والتي ستسمح لك بإعطاء هذه القفزة في الجودة لموقع الويب الخاص بك
تطوير FrontEnd: CodePen أم نص Sublime؟
CodePen أو نص سامية؟ نتحدث عن FrontEnd و BackEnd والبرامج المختلفة الموجودة على الإنترنت لتسهيل عمل البرمجة.
4 خطوط للرسوم المتحركة عالية الجودة CSS
خطوط الرسوم المتحركة لـ CSS لمشاريعك مجانية تمامًا ولا يمكنك تفويتها بأي طريقة من الطرق.
كيفية تحويل تصميم Photoshop الخاص بك إلى كود CSS في أقل من دقيقة
ما زلت لا تعرف كيفية تحويل تصميمات Photoshop الخاصة بك إلى كود CSS؟ تابع القراءة!
موقعان مجانيان لقوالب CSS و HTML2
Templated.com و HTML5 UP هما موقعان ويبان رائعان مجانيان لـ CSS3 و HTML5
أكمل دليل CSS3 بصيغة PDF
يحتوي الدليل الكامل لـ CSS3 بواسطة Antonio Navajas على 63 صفحة تغطي بعضًا من أكثر ميزات CSS3 إثارة للاهتمام.
Webflow ، مولد قوالب HTML و CSS الرائع
Webflow هو منشئ قوالب HTML و CSS سهل الاستخدام للغاية والذي يجعل أيضًا مواقع الويب سريعة الاستجابة.
20 مصادر وأدوات ونصائح HTML5 و CSS3
20 مصادر وأدوات ونصائح HTML5 و CSS3
200+ قوالب موقع
مجموعة من أكثر من 200 قالب لصفحات الويب بتنسيق HTML5 و CSS3 يمكنك تنزيلها مجانًا
50 قالب HTML5 و CSS3 مجاني جميل
مجموعة من 50 نموذجًا تمت برمجتها في HTML5 و CSS3 أعجبتني حقًا ويمكنك تنزيلها واستخدامها مجانًا لمشاريعك
18 أدوات ويب للمصممين
تسمح لنا أدوات الويب بحفظ العديد من البرامج المثبتة على أجهزة الكمبيوتر لدينا ، مما يؤدي بشكل مثالي إلى الوظيفة التي نعهد بها إليها و ...
50 أداة CSS عبر الإنترنت لمطوري الويب
50 أداة CSS عبر الإنترنت لمطوري الويب
50 أمثلة كبيرة لـ CSS3
لإنشاء أشياء رائعة باستخدام CSS3 ، يتعين علينا أولاً رؤية أمثلة توضح لنا ما يمكن فعله و ...
الحيلة: توسيط موقع مطلق div
في CSS أحيانًا نعقد حياتنا بأشياء بسيطة أقل تعقيدًا مما نعتقد ، و ...
معرض مذهل مع jQuery و CSS3 و PHP
أصر على: كل يوم أتفاجأ أكثر بما يمكن فعله باستخدام مكتبة جافا سكريبت مثل ...
خدعة CSS: إلغاء فواصل الأسطر
هناك أوقات عندما تصمم شيئًا ما وتكون مهتمًا به قبل أن يتم وضع النص بشكل سيئ أو مخفي من قبل ...
10 قوالب HTML5 / CSS3 للتدرب عليها
نقترب أكثر فأكثر من القدرة على التحدث عن موقع ويب باستخدام HTML5 و CSS3 ، تاركين وراءنا تمامًا ...
قم بإنشاء شريط إحصائيات ثلاثي الأبعاد باستخدام CSS3
هناك ابتكار آخر ظهر من العبقرية في CSS3: MarcoFolio. في هذه الحالة هو ...
13 درسًا تعليميًا للقيام بأشياء مذهلة باستخدام CSS
لا ينبغي أبدًا التقليل من أهمية قوة CSS ، وعلى الرغم من أنه من الممكن القيام بأشياء لا تصدق ...
إنشاء قلب باستخدام HTML و CSS فقط
يعرف البعض بالفعل عمل رومان كورتيس ، علبة الكوكا كولا ثلاثية الأبعاد الخاصة به أو ربطة الانحناءة باستخدام CSS ، حسنًا ...
350 أمثلة لقوائم التنقل الإبداعي
يعد التنقل في مواقع الويب أمرًا ضروريًا لمزيد من المستخدمين للشعور بالراحة والعثور على ما يبحثون عنه و ...
البرنامج التعليمي: قم بإنشاء جدول زمني باستخدام PHP و MySQL و CSS و jQuery
من المحتمل جدًا أنك اضطررت في أي وقت إلى تنفيذ خط إيقاع في مشروع سيتم عرضه فيه ...
البرنامج التعليمي: القائمة المنسدلة العمودية فقط مع CSS
في الوقت الحاضر ، من الشائع جدًا رؤية هذا النوع من القوائم في أماكن مختلفة ، نظرًا لأنها توفر مساحة و ...
معارض الصور لمصممي الويب المجاني
كم عدد المرات التي رأينا فيها صفحات الويب الجميلة التي تحتوي على معارض صور ذات تأثيرات تجعلها تبدو أنيقة للغاية ...
Css - 101 من موارد CSS الرائعة
قوالب وتخطيطات CSS مجموعة من 40 تخطيطًا من تخطيطات CSS بناءً على نفس العلامات و ...