مثال آخر لCSS3 http://codepen.io/ElmahdiMahmoud/details/MYOdXY/
1
المزيد من بعض المصادر - http://www.minimamente.com/example/magic_animations/ - http://tympanus.net/Development/ModalWindowEffects/ - http://tympanus.net/Development/PageTransitions/ - http://tympanus.net/Development/PFold/index2.html - http://leaverou.github.io/animatable/ - http://lab.hakim.se/ladda/ - http://lab.hakim.se/kontext/ - http://lab.hakim.se/avgrund/ - http://lab.hakim.se/scroll-effects/
السلام عليكم ورحمه الله وبركاته اخى arabyami@ اليك بعض الوسائل لتساعدك فى تحسن عمليه التصميم فى هذا العمل او غيره! عليك بالبحث عن شىء مشابه لمشروعك وانظر كيف يفعلها الاخرين زو الخبره. يوجد مواقع كثيرة جداً للحصول على ما تريد: 1.1- https://www.behance.net/ 1.2- https://dribbble.com/ 1.3- http://www.awwwards.com/
السلام عليكم اخى الفاضل لدى تعليق إذا سمحت لى! 1- الخلفية! 2- .cercle label 3- important! --- 1.1- انا أعمل على شاشتين واحده بحجم 1080*1920 - والثانية بحجم 768 * 1366, والخلفية ليست جديه. 1.2- يمكنك إستخدام الخلفية لملء الشاشة بالكامل بإستخدام الاتى: html, body { height: 100%; } .loginpage { background: url("http://www.dimatch.com/images/bg.jpeg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } 2 - انصحك بأستخدام line-height بدلاً من margin-top: 30px 3 - لا انصح باستخدام important! مطلقاً,
شكراَ على المشاركة m.dayoub@ لدى نقطتين, أول نقطة هو سؤال للتأكيد, والثانى هو إقتراح, إذا سمحت لى :) 1. عندما قلت (ربما يؤدي للبطء). هل قصدك بطء الأداء (performance) ام تقصد بطء الإطار العملى؟ 2. (أفضل وضع كل مجموعة من المتغيرات المتشابهة في الوظيفة بملف منفصل و استيراده عند الحاجة) فى رأى الشخصى هو رأى جيد جداً, ولكن!! هذا الحل قد يناسب المشاريع الصغيرة, ولكنه غير موفق للمشاريع كبيرة/ضخمة الحجم, والهدف هنا المشاريع الكبيرة تطلب تجهيزات كبيرة لبناء واجهة الموقع
thamood@ شكرا للرد. إسمحلى هل إظهار الموقع عن طريق متصفح الهاتف النقال قد تم بالفعل ام مازلتم تعملون عليه؟ مع كامل إحترامى سؤالى هذا لان الموقع على هاتفى النقال (Andriod - Samsung Note III) يوجد به مشاكل ونفس المشطله على iPad (بمشيئة الله تعالى - أنا على اتم الاستعداد بعمل هذة المهمة على اكمل وجه, فقط لمجرد المساعده إفادة عالمنا العربى بدون اى مقابل , إذا كنت تشاء) شكراً وبالتوفيق