it-swarm.asia

تصميم لباد

أريد أن يكون موقع الويب الخاص بي متاحًا (على سبيل المثال ، قابل للاستخدام بالكامل) من خلال IPad.

ما الذي أنا بحاجة لفعله؟

2
George Stocker

يتحدث عامة (يخطئ ... كتابة) كل ما عليك القيام به هو تهدف إلى HTML 5 و Safari Specific CSS3 القواعد ، لإنشاء التدرجات ، والظلال ، الخ ...

أضف بعض علامات أجهزة Apple المحددة مثل

<meta name="Apple-mobile-web-app-capable" content="yes">
<meta name="Apple-mobile-web-app-status-bar-style" content="black">
<meta name = "viewport" content = "width = device-width">

تذكر أنه يمكنك استخدام المغلق في الوضع الأفقي وغيرها في الوضع الرأسي

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/portrait.css"> 
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/landscape.css"> 

إذا كنت ، بالمناسبة ، ترغب في إنشاء نسخة أصلية بصرية على حد سواء ، أوصي بأن ترى JQtouch و Sencha

ضع في اعتبارك أن بعض الأحداث لا وجود لها في جهاز Touch ، مثل "انقر فوق" (على الرغم من أن معظم هذه الأوقات تعمل بشكل جيد) ، "mousehover "، إلخ ... تم تكوين JQTouch و Sencha بالفعل لإعطائك حدث" النقر "ولمس المزيد من الأحداث Apple أجهزة محددة.

5
balexandre

هناك أداة رائعة عبر الإنترنت للقيام بتصميم مواقع الويب المستهدفة من iPad:

ipadpeek.com

يوفر لك محاكي iPad/Safari بالحجم الكامل عبر الإنترنت.

4
Gary.Ray

أوصي بشدة بوجود جهاز فعلي لاختبار موقعك أثناء تطويرك.

3
Oren Hizkiya

تحقق من هذه المادة ؛ إنها تقنية لطيفة للتخطيطات السائلة التي تجعل موقعك يبدو رائعًا على جهاز iPad ، وشاشة بحجم 30 بوصة ، وحتى جهاز iPhone ؛) http://www.alistapart.com/articles/responsive-web-design/

1
D4V360

يستخدم iPad في المقام الأول متصفح Safari - أو يغير نسخته الخاصة ، لذلك تأكد من أن هناك نقطة انطلاق جيدة ، إذا لم يكن لديك جهاز لاختباره ، فتأكد من استخدام Safari العادي أولاً. من هنا يجب أن تكون قادرًا على العثور على جهاز محاكاة.

يمكن تنزيل متصفحات الجوّال الأخرى كتطبيقات ، وأنا أعلم opera لديها تطبيقات خاصة للتصفح ، كما أن فايرفوكس أدركت للتو وجود الإصدار الأول على الرغم من أنه فقط على نوكيا في الوقت الحالي.

0
Lizard

نظرًا لأن متصفح Safari على iPad هو المستعرض الأكثر تقدمًا في التوزيع العام ، يمكنك الاستفادة من أحدث تقنيات CSS3 و HTML5 دون الحاجة للاختراق لدعم المتصفحات القديمة غير المتوافقة مع المعايير.

0
Dan Gayle