13

http://lmgtfy.com/?q=responsive+web+design+tutorial+html5+css3

موقع رائعة ^-^

وغريبة ههه

إذا صادفت انسان كسول يعجز حتى في البحث في غوغل، استعمل هذه الخدمة من أجله!

لدي موقع بالفعل ..

فقط اريد الكود الذي يحوله الي Responsive

http://lmgtfy.com/?q=responsive+web+design+tutorial+html5+css3

عيب يا شباب

فقط اريد الكود الذي يحوله الي Responsive

خد لمحة عن css media queries

http://bit.ly/whRYN0

^_^

للأسف لن أعطيك السمكة، أعطيتك الصنارة وأرشدتك إلى منطقة غزيرة الأسماك

الاخ طلب كود او كيف يعمل التجاوب فلما التكبر فكلنا لم نخلق نعرف كل شي قد يكون هو اذرى منك في مجالات اخرى هل سترضى ان تطلب طلبك وياتي شخص ويجيبك بطريقتك؟؟

عيب عليك والله.

أنظرو من يتكلم -__-

لقد حاولت التواصل معك آلاف المرات وكل الطرق إلى روما مغلقة -_-

لا تحاول إعطاء درس لم تقم بتعلمه بعد ...

التواصل معي من اجل ماذا ها؟

سأراسلك على فيسبوك .. انتظر رسالتي الآن

بعد اذنك أخي , حاول ان يكون النقاش بدون أي كلمات تزعج الاخر مثل هذه "لا تحاول إعطاء درس لم تقم بتعلمه بعد ... "

لقد حاولت ضبط نفسي عند كتابة التعليق ..

هو يقول ما لا يفعل

كما أنه يناقض نفسه

إنه إنسان متعجرف

يمكنك توضيح ذلك له بضرب مثال او بالكلمة الحسنة وهذه ما ستقوم بجلب النتيجة .

اما مثل هذه التعليقات فان الذي تنصحه لن يستجيب للنصيحه أبدا لأنك "تسبه"

الاخ طلب كود او كيف يعمل التجاوب

هذا الكلام متناقض، وأكثر شيء أكرهه هو إستعمال المغالطات لتببين وجهة النظر، أستطيع إقفال النقاش عند هذه النقطة ولكني كتبت لك السطور أدناه لتستفيد وليستفيد أمثالك

كلنا لم نخلق نعرف كل شي قد يكون هو اذرى منك في مجالات اخرى

لهذا السبب لم أعطه الكود، ليعرف أي ليكتسب المعرفة بالبحث والتعمق، لا بالأكواد الجاهزة

هل سترضى ان تطلب طلبك وياتي شخص ويجيبك بطريقتك؟

لا أذكر أبدا أني طلبت من شخص ما إعطائي كود "على طبق"، فكل من يفعل ذلك في نظري إنسان كسول وطُفيْلي، يستحق أن يوضع على عتبة هذا المجال ويُركل في المؤخرة

عيب عليك والله / لما التكبر

أخطأت في كتابة هذه العبارات كثيرا، فقد برهنت على صغر عقلك بنفسك

على كل حال، لما تنضج إن شاء الله ستتذكر وتفهم هذه الحادثة وستبتسم وتقول في نفسك: "يا إلهي، لقد كان MEDZ Ahmed محقا وقد ظلمته بكلامي"

وعلى فكرة، إذا كنت متأثرا بكلام الأخ خالد https://arabia.io/go/18216/83360 فهو يمزح، وأنت لم تفهم المزحة، لماذا؟ ستجد الإجابة في هذا التعليق، إبحث لا تدعني أعطيك الإجابة مباشرة D:

أكثر شيء أصبحت أمقته في هذا الموقع، هو أنه أصبح يعج بالأطفال

بعد اذنك أخي , قم بتعليمه غلطه او وجهة نظرك بدون أن تقول عليه طفل أو تقلل من شأنه !

-2

صدقني يا أخي الكريم، لقد قلل من شأنه بنفسه، لقد دفعني بقوة إلى كتابة ذلك التعليق بسبب كلماته التجريحية

أما عن الأطفال في المجتمع فهي حقيقة لا مفر منها :( والمشكل ليس في الأطفال بل في حشرهم لأنوفهم في أمور لايفهمونها محاولين فرض الشخصية أو وجهة نظر

هو أو أنا او غيرنا قللنا من شأننا بأنفسنا اذن عليك ان تعلمنا وجهة نظرك او تنبهنا الي شيئ ما بطريقة مثالية حتي نستجيب لتنبيهك , أتصدق أنك اذا حدثتني بطريقة لم تعجبني أنني سأسمع كلامك او أتفكر فيه ! أبدا بالعكس سيبدأ الخلاف والنقاش الحاد .

إذن فالأطفال في كل مكان , لربما كنتُ طفلا و أعتقد لست أنا فقط , فالبشر جميعا كانوا أطفالا , أليس كذلك ؟!

-2

لن انزل الى مستواك،

ونقطة النهاية

قد يفيدك هذا

http://www.awwwards.com/50-examples-of-responsive-web-design.html

أخي لا يوجد كود أو سكربت جاهز لعمل أي موقع Rsponsive

لعمل موقع يجب إتقان Css جيدا ومن ثم استخدام @media Query ...

أي أنك إذا أردت جعل موقع ما متجاوب يجب عليك إعادة تصميم موقعك بشكل شبه كامل ...

أي أنك ستعيد مثلا وضع اللوغو وتقوم بالتعديل على الأحجام والـ margin - padding وجعل بعض الـ div بشكل آخر كليا مثل إلغاء

display:inline;

وعمل الكثير من الأمور .. أي أنك ستقوم بإعادة تصميم الموقع للأجهزة الصغيرة كالآيفون والتابلت ..

أنصحك بمشاهدة العديد من الدروس دون تطبيق لفهم الفكرة أولا

ثم أنصحك بتصفح بعض هذه المصادر :

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

http://css-tricks.com/css-media-queries/

https://www.youtube.com/playlist?list=PLqGj3iMvMa4KQZUkRjfwMmTq_f1fbxerI

أنصحك لا تشاهد الدروس العربية فلا يوجد شيء يستحق المتابعة ..

بالتوفيق :]

هههههههههههه

حسناً ياصديقي

كلمة الموقع متجاوب هي عامه لنقول التصميم متجاوب وليس الموقع بحد ذاته

كل ماعليك هو استخدام تصميم يدعم ميزة التجاوب او استخدام اطار عمل يساعدك مثل Bootstrap او الكثير

او يمكنك تصميم واحد بنفسك ولكن سيتطلب بعض من البحث ياصديقي

اخى للاسف لا يوجد كود يساعد على ان يكون الموقع Rsponsive (على حد علمى)

لابد للتصميم من البداية عند بدئ الكود بة ان يكون قد تم تكويدة لدعم الشاشات المختلفة (Rsponsive) لاكن لا يوجد كود لعمل ذلك

لابد من اعداة تكويد التصميم من البداية لموقعك و تستطيع ان تلقى نظرة هنا getbootstrap.com

كمان اشار الاخ الكريم Abdulaziz Noor

ف bootstrap هيا framework تدعم التصميم المتجاوب و تسهل عملة بشكل كبير جدا كمان تحتوى على كثير من ال UI elements سوف تساعدك جدا فى موقعك و تستطيع التعديل عليها كما تريد لجعها مناسبة لتصميمك و تبنى عليها تصميم بسهولة و بجودة و ايضا بسرعة

تواصل معي صديقي وبإذن الله سوف أساعدك :)

إما أن تعيد صياغة ملفات الستايل باستخدام CSS3 @media Query,

أو إستخدم منصة جاهزة ك bootstrap مثلا,

-4

استخدم CSS Relative Units مع Breakpoints من خلال ال Media Queries

اذا انتا مش عارف اي حاجة من المصطلحات دي، ارجع ذاكر ع طول عال MDN

هل درست الـ Css من أستاذ من كوكب المريخ ؟؟ -_-

أنصحك بالإتجاه إلى الغناء عوضا عن البرمجة ..


تطوير الويب

مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة

20.7 ألف متابع