في هذه السلسلة من المقالات مع lطرق عرض مختارة من كود CSS و HTML و JavaScript، عادة ما نشارك تأثيرات النص ، الأسهم ، رؤوس أو منزلقات للتأكيد على تصميم موقعنا الإلكتروني بحيث يكون أكثر أناقة أو قادرًا على إضافة قيمة إلى المحتوى الذي نقدمه للزائر.
هذه المرة حان الوقت ل القوائم بتنسيق HTML و CSS يمكنك تحريكها بشكل كافٍ تلك العناصر المهمة التي تسمح لنا بتوجيه المستخدم إلى أهم أجزاء التجارة الإلكترونية والمدونة والمزيد. نذهب معهم لإضفاء لمسة الجودة على موقعنا وأن يكون مواكبًا لمعايير تصميم واجهة المستخدم قدر الإمكان.
قم بتمرير قائمة الأكورديون
Un قائمة الشرائح أو القائمة الجانبية للهامبرغر مؤلف من رسوم متحركة رشيقة مع لمسة بسيطة لتأثير رائع.
Swanky Pure CSS المنسدلة
Swanky Lil Drop Down مانو V2.0 es القائمة كاملة تماما CSS نقية والتي لها قيمة مضافة تتمثل في عدم وجود كود JavaScript على الإطلاق في واجهة المستخدم. ببساطة ممتاز دمجها لاكتشاف الأناقة الرائعة.
قائمة الأكورديون
هذا قائمة الأكورديون es بسيط جدا إذا قارناه بالاثنين السابقين باستخدام HTML و JS و CSS.
قائمة عمودية مع jQuery و CSS3
Un قائمة عمودية مع jQuery و CSS3 de لمسة رائعة للتطبيق أو الموقع. جميع أنواع التحولات والتدرجات مع الحد الأدنى من الظلال.
قائمة دائرية
Un قائمة دائرية de التنقل التجريبي الذي يعمل بشكل مثالي مع موقع ويب تقني. تم تصنيعها في SVG و GreenSock Animation Platform ، وهي مختلفة دون أدنى شك.
قائمة شعاعية
آخر قائمة شعاعية والتجريبية وهو صالح تمامًا لصفحة مخصصة للعبة.
قائمة CSS HTML الدائرية
Un القائمة الدائرية CSS HTML لوضعه جانبيا وذاك يفتح بشكل دائري مع تجربة مستخدم رائعة.
مفهوم قائمة الحلقات
في هذا قائمة الحلقة ال الروابط يتم وضعهم فوق كل واحدة لإنشاء حلقات مختلفة.
قائمة الزهور المنبثقة
خاصة أخرى قائمة منبثقة مع رسوم متحركة مطبقة جيدًا تنتج تأثيرًا رائعًا.
تنقل تكراري
تنقل تكراري هو قائمة منسدلة عالية الجودة لتلك الرسوم المتحركة التي تشير تمامًا إلى بنية محتوى الويب.
قائمة التنقل المنسدلة
Un قائمة قائمة التنقل المنسدلة على غرار السابق على الرغم من وجود صبغات أخرى في تصميم الواجهة.
القائمة المنسدلة Pure CSS
آخر القائمة المنسدلة للجودة في CSS الذي يتبع معايير تصميم واجهة المستخدم الحالية.
قائمة سريعة الاستجابة وبسيطة
A ملء الشاشة ، هذا قائمة سريعة الاستجابة وبسيطة في HTML5 و CSS3 وهو متوافق مع Internet Explorer 11.
قائمة ملء الشاشة في SVG
Un قائمة ملء الشاشة في SVG يوضع على الجانب في الهامبرغر وهو ملفت للنظر للغاية.
قائمة ميجا CSS
Un قائمة ميجا في CSS و HTML يختلف عما نراه ، بأسلوب حديث وبسيط.
مفهوم قائمة آخر
مفهوم قائمة آخر هو الخيار المثالي إذا كنت تبحث عن قائمة مختلفة ومبتكرةهذا رائع بفضل القائمة المخصصة على الأيقونة والرسوم المتحركة المصممة بعناية.
قائمة تصميم المواد
قائمة تصميم المواد هو بناءً على لغة تصميم Google.
قائمة برجر موبايل
Un قائمة همبرغر المحمول الأمثل وهي مصنوعة في HTML و CSS و JavaScript.
Velocity.js فليكس بوكس ملء الشاشة
Velocity.js فليكس بوكس ملء الشاشة هي قائمة من جودة هائلة في التأثير المحقق ولتجربة المستخدم الفريدة تقريبًا. Flexbox ملء الشاشة مع velocity.js.
صفحة كاملة خارج القماش
صفحة كاملة خارج القماش هي قائمة بملء الشاشة وعالية الجودة تعمل بشكل مثالي للعرض كيفية تصميم موقع على شبكة الإنترنت بهذه القيم.
تحوم تأثير خط القائمة
Un قائمة تحوم تأثير خط بسيط وجميل جدا.
مفهوم قائمة مسار مقطع CSS
مفهوم آخر القائمة مع مقطع المسار تتكون من تحوم فضولي للغاية وبعض الفئات المتحركة.
يتوسطه خط تحوم
يتوسطه خط تحوم إنها قائمة أخرى تحوم للحصول على روابط غريبة نتيجة.
قائمة Lavalamp CSS
قائمة Lavalamp CSS يحتوي على واحد تحوم الرسوم المتحركة لكل رابط يفسح المجال للديناميكية.
شريط تمرير التنقل
Un شريط التمرير والتي يتم تمريرها إلى كل رابط أن يتم تمييزها باللون الأحمر ورسومات متحركة جيدة العناية بنتائج رائعة.
التنقل في قائمة الجوال
Un قائمة التنقل برجر تأثير كبير يستهدف الأجهزة المحمولة.
مفهوم قائمة الهاتف المحمول IPhone X
Un قائمة مصممة لجهاز iPhone X. يمكن أن يضفي لمسة من الجودة على موقع الويب الخاص بك بحيث يكون على قدم المساواة مع تصميم هاتف Apple.
قم بتوسيع القائمة الفرعية للجوال
قم بتوسيع القائمة الفرعية للجوال تم تصميمه ل تذييل مع الرسوم المتحركة رشيقة وإزاحة مناسبة للغاية. أناقة على جميع المستويات لواجهة جوال لتطبيقك أو موقعك الإلكتروني.
ملاحة متحركة متحركة
آخر قائمة متحركة للجوال مع خلفية متحركة دائرية مع نتائج مرئية رائعة.
قائمة مع تأثيرات التمرير والتمرير
آخر تأثير رائع لقائمة مختلفة و ملتوي. شرق القائمة مع تأثيرات التمرير والتمرير إنه مثالي للمطاعم والتعليقات وغير ذلك.
قائمة تصفية المحمول
Un قائمة تصفية المحمول المحولة لإصدار الويب وتستهدف الجوال.
التنقل خارج القماش
التنقل خارج القماش إنها قائمة تجربة الانتقالات والتنقل أن تكون محدثًا جدًا. إذا كنت تبحث عن شيء جديد يفاجئك ، فإن مستواه هو الأفضل في هذه القائمة.
القائمة الجانبية المخفية CSS
Un القائمة الجانبية في CSS ما هو مخفي وهكذا يظهر مع أيقونة الهامبرغر.
شريط التنقل الثابت
استعمال bootstrap بدلاً من flexbox لدعم IE9 / 10. قائمة أخرى ممتازة لها شريط التنقل الثابت في مفهومه.
علامة التبويب مورفينغ
علامة التبويب مورفينغ إنها قائمة القائمة المنسدلة التي تحدث عند الضغط على على زر علامة التبويب الرئيسي.
مرحبًا ، أجد القوائم المختلفة المتوفرة في هذه الصفحة ممتعة للغاية ، سؤالي هو كيفية تثبيت ملفات js في القائمة؟ حاولت عدة مرات إنشاء أي قائمة ، لا تعمل تلك التي تحتوي على js ، أو لا يمكنها تثبيتها ، عند فحص عناصر المتصفح ، تقول أن الوظيفة التي تظهر أولاً لم يتم تحديدها وبالتالي مع جميع القوائم
مساهمة ممتازة :)
ممتاز ، آمل أن يكون هناك المزيد من الأشخاص مثلك ، ممن يشاركون حكمتهم ومعرفتهم للآخرين.