خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
سئو سایت :افزایش ترافیک چه اثری در سئو دارد
toniyo shahrahan031 39 2195
از جراحی پلک چه انتظاراتی داشته باشیم
jarahezibai jarahezibai 0 20
با لیفت صورت ( کشیدن صورت ) در سنین بالا چه تغییراتی در صورتتم اتفاق می افتد؟
jarahezibai jarahezibai 0 24
با جراحی پلک کیسه های زیر و بالای چشم را چطور میشود اصلاح کرد؟
jarahezibai jarahezibai 0 23
معرفی انواع سرور مجازی و سرویس های میزبانی وب – بخش اول
webpouyanii webpouyanii 0 21
لیفت صورت ( کشیدن صورت ) چه تاثیری روی صورت میگذارد؟
jarahezibai jarahezibai 0 28
روند جراحی پلک چگونه است؟
jarahezibai jarahezibai 0 25
اگه میتونستی یک کلمه را از این دنیا پاک کنی اون یک کلمه چی بود؟؟!!!!!!
youne30 luna 480 47917
چرا جراحی پلک یکی از شایع ترین عمل های جراحی پلاستیک برای جوان سازی است؟ بخش سه
jarahezibai jarahezibai 0 33
طرز تهیه خورش گل کلم خانگی به روش خاص
mitranada mitranada 0 39
دانلود سریال امپراطریس چونچو – ملكه آهني ( امپراتور آهن ) جومونگ 4
mosy rele mitranada 4 13114
LOVE تــــرکـــــونـــی
asal.jigar luna 261 15913
سیگـــــــــــــار پشـــــــــت سیگـــــــــــــار
غزل luna 98 14254
بزرگ کردن سینه به چه روش هایی ممکن است؟
jarahezibai jarahezibai 0 37
لیفت صورت به چه دلایلی اجتناب ناپذیر میشود؟
jarahezibai jarahezibai 0 33
لیفت صورت (کشیدن صورت) به چه دلایلی اجتناب ناپذیر میشود؟
jarahezibai jarahezibai 0 31
چرا جراحی پلک یکی از شایع ترین عمل های جراحی پلاستیک برای جوان سازی است؟ بخش دوم
jarahezibai jarahezibai 0 29
دانلود کتاب عجایب الاسرار $
admin admin 3 1896
دانلود کتاب الکترونیک هفت پیکر سلیمان
admin admin 81 801
چرا جراحی پلک یکی از شایع ترین عمل های جراحی پلاستیک برای جوان سازی است؟ بخش اول
jarahezibai jarahezibai 0 36
با لیفت صورت چگونه میتوان صورت و گردن پیر شده را اصلاح کرد؟ بخش 1
jarahezibai jarahezibai 0 32
جراحی پلک چیست؟
jarahezibai jarahezibai 0 30
معرفی هتل آبادگران کیش
chemistry21 chemistry21 0 28
تاریخچه جراحی پلک
jarahezibai jarahezibai 0 33
چرا خانم ها تمایل به انجام جراحی سینه دارند؟ (بخش 2)
jarahezibai jarahezibai 0 35
آنچه قبل از تصمیم به جراحی بالا کشیدن ابرو باید بدانید (خطر ها و عوارض احتمالی بالا ک
jarahezibai jarahezibai 0 29
با وارد کردن شماره موبایل آدرس مالکش رو از طریق ماهواره پیدا کنید
geddis justallah 23 49641
گفتگوی آزاد
admin Behnamsam 2589 120282
دلــنوشتــــه (2)
roshanak.m luna 151 25371
پسرا یکی اضافه کنن....دخترا یکی کم کنن!(سری جدید 3)
شقایق luna 264 22903
چرا خانم ها تمایل به انجام جراحی سینه دارند؟ (بخش 1)
jarahezibai jarahezibai 0 38
دلت میخواد نفر بعدیت کی باشه ؟ ( 3 )
sana luna 817 56676
گوشی های موبایل
moooon moooon 0 42
آنچه قبل از تصمیم به جراحی بالا کشیدن ابرو باید بدانید (خطر ها و عوارض احتمالی لیفت ا
jarahezibai jarahezibai 0 42
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت دوم
jarahezibai jarahezibai 0 48
فروش شارژر همراه ، انواع مموری و قاب کریستال موبایل
Aminra farzadmri 1 281
پاور بانک تبلیغاتی چه مزایایی دارد؟
farzadmri farzadmri 0 39
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت 1
jarahezibai jarahezibai 0 34
بهترین هدیه برای دیگران
لوکس گلامور farzadmri 1 396
آنچه پس از جراحی پلک یا جراحی افتادگی پلک در انتظارم است بخش 3
jarahezibai jarahezibai 0 41

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
مرور کلی نکات طراحی سایت Responsiveزمان کنونی: Thursday 22 August 2019, 08:53
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 52
 
امتیاز دهید:
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
مرور کلی نکات طراحی سایت Responsive
Thursday 25 July 2019, 15:30
ارسال: #1
مرور کلی نکات طراحی سایت Responsive
[font=Cormorant Garamond, Arial, serif]
[size=xxx-large]مرور کلی نکات طراحی وب سایت Responsive[/size] مشاهده لینک [/font]
MAGBOT +
مشاهده لینک
قبلا ما در مورد رسانه ها صحبت کردیم، در این مقاله ما خواهیم آموخت نقاط ضعفی را که طراحی وب سایت پاسخگو را متزلزل می نماید.
همه چیز در مورد اندازه صفحه نمایش های مختلف است؟ برای درک قضیه، اجازه دهید با استفاده از یک قیاس به بررسی بپردازیم.
تصور کنید که طرحی برای ساخت یک خانه زیبا و جدید دارید. زیر بنا مهم است، زیرا تمام خانه به آن بستگی دارد. پس از پایه، نخستین سطح خانه اهمیت دارد، چون بقیه خانه روی آن ساخته میشود. در این خانه، طبقه اول یک نقطه شکست یا break points است. در صورتی که ما طبقه اول را اصولی و بر اساس اندازه و متراژ استاندارد بنا نکنیم طبقات بالا تر نیست دچار بی نظمی می شوند حتی اگر بهترین تیم مهندسی مسول طبقات بالا باشد.
نقطه ی شکست در طراحی واکنش گرا م
نقطه شکست در طراحی واکنش گرا ( RWD ) تغییر پهنای مرورگر می باشد. وقتی اندازه صفحه را تغییر می دهد مثلا از اندازه اولیه 960px به 768px هنر طراحی واکنش گرا بایستی وارد عمل شود. در واقع عملکرد نامناسب تغیر اندازه نقطه شکست طراحی واکنشگرا است

نقطه ی شکست متداول
به طور متوسط، هر سایت پاسخگو دارای حداقل دو نقطه شکست است. برای تبلت ها و دستگاه های تلفن همراه. دسکتاپ، تبلت و تلفن همراه بر اساس اندازه صفحه نمایش آی فون و آی پد است، زیرا این دستگاه ها محبوب ترین دستگاه های موجود در دستگاه های تلفن همراه و تبلت هستند.

اما این تغییر اندازه ها بر اساس آی فون و آی پد معیار و استاندارد صحیحی است یا خیر بحث مفصلی می باشد. آیا این بهترین تجربه است یا نه؟
ایجاد نقاط سفارشی
تقریبا هیچ دو وب سایتی مشابه هم ساخته نمی شوند. با توجه به این موضوع، استفاده از نقطه های پایانی استاندارد پیشفرض ممکن است نیازهای واکنشگرایی سایت را خوب پوشش ندهد.
بنابراین، کشف کردن کجا و زمان انتقال نقطه در محدوده نقطه توقف استاندارد مهم است.

ایجاد یک نقطه پایانی سفارشی بسیار ساده است. با این حال، راه های بسیاری وجود دارد که می توان آن را اشتباه انتخاب نمود .
چیدمان صحیح
تصور کنید یک وضعیت بسیار معمولی را که یک وب سایت پاسخگو در تمام ابعاد صفحه نمایش بزرگ محبوب بسیار عالی است، اما طرح در عرضهای کوچکتر مرورگر در منطقه 400px ممکن است خوب عمل نکند.

از آنجا که این یک عرض صفحه نمایش زیاد محبوب نیست، طراح در پشت صحنه فقط تصمیم گرفته از آن بگذارد. این تصمیم خوبی بود؟ نه!

هدف از RWD ایجاد بهترین راه حل در ابعاد مختلف صفحه نمایش مرورگر می باشد و باید پیش بینی آینده را نیز داشته باشید. فقط دستگاههای متداول امروز نباید عامل تعیین کننده ای در مورد نقاط شکست یک سایت پاسخدهنده باشند.
باید چیدمان عناصر بگونه ای باشد که ابعاد نچندان مطرح نیز بخوبی پشتیبانی شود تا در آینده مشکلی پیش نیاید. یک کارشناس RWD از کجا بایستی شروع کند
از زمان انتشار قابهای واکنشی که در حال حاضر در دسترس هستند، یادگیری استفاده از RWD به طور قابل توجهی ساده شده است. با این حال، مانند هر شروعی، تازه کارها از کد که توسط دیگران اجرا شده استفاده می کنند و پروژه های خود را بر اساس آن می بندند.
پیشنهاد می شود نیازی نیست چرخ را اختراع کنید از قالب ها و نمونه کارهای دیگران استفاده کنید و بمرور کامل شوید
چگونگی ایجاد یک نقطه گذار سفارشی در مسیر مناسب
برنامه های زیادی مانند مشاهده لینک برای Chrome وجود دارد و برای کارهایی مثل این بسیار عالی هستند، ابعاد جاری در گوشه سمت راست پایین نشان داده می شود. شما می توانید تناقضات را در ظاهر پیدا کنید. یا با یک برنامه مانند Resize Window، شما نیاز به صرف وقت برای دیدن سایت خود در هر پیکسل های مختلف عرضی را از بین می برید.
[font=Cormorant Garamond, Arial, serif]
[size=xxx-large]مقالات مرتبط[/size]
مشاهده لینک مشاهده لینک مشاهده لینک [/font]
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  سئو کلی سایت و بهینه سازی کلی سایت toniyo 0 986 Sunday 04 September 2016 11:23
آخرین ارسال: toniyo
  دانلود کتاب مجموعه رازها،نکات و ترفندهای ویندوز ۷ - Windows 7 Secrets omid 1 885 Sunday 23 February 2014 04:27
آخرین ارسال: admin
  Incomedia Website Evolution X5 v7.0.11 - طراحی وب سایت در 5 مرحله mr.sajad 0 292 Tuesday 08 June 2010 10:16
آخرین ارسال: mr.sajad
  AllWebMenus Pro 5.2.820 - نرم افزار طراحی و ساخت منوی سایت mr.sajad 0 239 Tuesday 08 June 2010 10:13
آخرین ارسال: mr.sajad
  ۵۰ آیکون کاربردی در طراحی سایت omid 0 241 Tuesday 16 February 2010 18:47
آخرین ارسال: omid

پرش به انجمن:



زمان کنونی: Thursday 22 August 2019, 08:53