سایتهای Responsive

[eshpilen]

نمونه طراحی سایت ریسپانسیو معرفی کنید.
توی کارهای خودتون اگر طراحی ریسپانسیو داشتید ارائه کنید.
توی IE7 و IE8 حداقل هم کار میکنه؟

من یدونش رو تست کردم (narenji.ir) حتی توی FF14 هم کار نمیکرد. ولی با FF20 درست کار میکرد.

ظاهرا هنوز این نوع طراحی خیلی هم فراگیر نشده.
مثلا تم پیشفرض دروپال هنوز ریسپانسیو نیست.
همینطور خیلی نرم افزارها و سایتهای دیگه به گمانم.

[Mohsen.]

سلام.
به نظر نمیرسه نت گویا ریسپانسیو باشه.
توی ایران زیاد ریسپانسیو جا نیافتاده. اگه نمونه ایرانی میخواید سایت هایی مثل نارنجی (narenji.ir), وب هاب (http://webhub.ir/) فقط تو ذهنم هست.
خودم هم سایت آپارنت (aparnet.ir)رو به صورت ریسپانسیو طراحی کردم. البته توی این سایت برام مهم نیست که توی مرورگرهای IE7 و IE8 چه طوری نشون میده. حتی تا امروز هم چک نکردم. :D

[r4hgozar]

ببخشید میشه بگین responsiv یعنی چی؟

[qartalonline]

نمونه صفحه :
http://www.qartalonline.ir/p/index.html

توی IE7 و IE8 فک نکنم کار کنه . البته میتونید با js یا jquery اینکارو بکنید.

[qartalonline]

ببخشید میشه بگین responsiv یعنی چی؟

Responsive یعنی طراحی واکنش گرا .
یعنی قالبی که شما طراحی کرده اید در رزولیشنهای مختلف متناسب با رزولیشن نمایش داده بشه (بدون به هم ریختگی و تغییر محتوا). در واقع سایتی Responsive میباشد که با تغییر سایز مرورگر مکان و عرض عناصر تغییر پیدا میکنه تا بهترین حالت نمایش در اون سایز رو داشته باشه.

[r4hgozar]

ممنون دوست عزیز. من هم همین فکر رو کردم و تست کردم. اما تمام سایت هایی که دادین تو مرورگر mozila و chrome تست کردم . اما واکنش های مختلفی دیدم . واسه همین سوال کردم. بازم ممنون

[eshpilen]

به نظر نمیرسه نت گویا ریسپانسیو باشه.
ببخشید اشتباه نوشتم.
منظورم همون سایت نارنجی (narenji.ir) بود.

[mehbod.rayaneh]

سلام
نارنجی را یادمه رسپانسیو نیست!!! چند تا استایل داشت برای رزولیشنهای متفاوت!
طرح رسپانسیو پدر مادر دار ایرانی من سایت http://1pezeshk.com/ را سراغ دارم! فک میکنم رو همه مرورگرها هم جواب بده!
من نمیتونم تو مرورگرهای قدیمی چک کنم! شما چک کنید ب ما هم خبر بدید ببینم چی ب چیه! :لبخند:

[esmaeilbf]

http://baaemail.com/

[eshpilen]

میگم این گوشی های درست و حسابی خوبن چون همینطوریش سایت رو درست نشون میدن.
دیروز یکی از بچه ها یه سایتی رو که درست کرده بودم توی گوشیش زد دیدم درست نشون میده و خودش بصورت خودکار scale میکنه. البته زیادی ریز نشون میداد اما گوشی رو چرخوند و در حالت landscape خیلی بهتر شد.
البته بنده هم قبلا گفته بودم اینو که بهتره این تطبیق ها رو خود مرورگرها بصورت خودکار انجام بدن حتی الامکان.
آیا ممکنه به این شکل کم کم به طراحی Responsive نیازی نباشه یا نیازش خیلی کمتر بشه؟
اینطوری بشه فکر کنم خوب باشه، چون هرچقدر کار طراحی و تطبیق با مرورگرهای وب کمتر و ساده تر بشه به نفع طراحان هست بنظرم!
همینطوریش کار طراحی زمانبر و آزاردهنده هست بخاطر نیاز به تست و تطبیق با مرورگرهای متعدد، بعد بحث گوشی و تبلت و این همه تفاوت رزولیشن ها هم بهش اضافه شده!
خب چرا گوشی و تبلت و مرورگرهای مخصوص اونا خودشون کارها رو انجام ندن؟
البته من تاحالا تجربهء عملی خاصی نداشتم و بنابراین نمیدونم شایدم این Responsive کردن اونقدری هم سخت نباشه و کار نبره یا مزایای جانبی دیگری هم داشته باشه که بیارزه.

[f_talebi]

یک صفحه رسپونسیو با بوت استرپ (http://kimya.xzn.ir/):لبخند:

[بهزاد علی محمدزاده]

البته بنده هم قبلا گفته بودم اینو که بهتره این تطبیق ها رو خود مرورگرها بصورت خودکار انجام بدن حتی الامکان.

سلام . همچین کاری شاید بشه گفت ممکن نیست . حداقل با اطلاعات و تکنولوژی های امروز ما این کار منطقی نیست . یعنی فونتی که من گفتم 14 پیکسل باشه مرورگر خودش چطور می تونه این و بذاره 30 پیکسل ؟ اونجوری که همه طراحی زیر سوال میره !!! تمام ترکیب بندی ها به هم می خوره !!!

امروز بهترین راهی که پیشنهاد شده همین media queries و طراحی رسپانسیو یا طراحی مخصوص موبایل هست . ( من در زمینه طراحی برای موبایل اطلاعات خوبی ندارم ... ) .

میدیا کويری ها با تنظیم خوب به طراح میگن الان روی موبایل هستی یا device دیگه . و طراح میگه وقتی رو موبایل بود 30 px در نظر بگیر اما وقتی مانیتور شد بذار 14 پیکسل . این روش در حال حاضر خیلی خوب جواب میده اما یادگیریش کمی سخت تر هست . یعنی می طلبه که بری فقط سراغ طراحی UI .

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