تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 6 از 6

مقاله: طراحی ریسپانسیو چیست؟ (Responsive)

    1. طراحی ریسپانسیو چیست؟ (Responsive) »

      طراحی ریسپانسیو چیست؟ (Responsive)

      نگارش: , by (We could belong together)
      2013/01/13 06:43 PM
      امتیاز: 

      طراحی سایت ریسپانسیو چیست؟

      طراحي ريسپانسيو اصطلاحا به نوعي از طراحي وب گفته مي‌شود که در آن صفحات يک سايت متناسب با وسيله‌ مورد مشاهده که مي‌تواند مرورگر پي‌سي، تبلت يا مرورگر گوشي باشد، واکنش نشان مي‌دهند و به اين ترتيب مشاهده کننده سايت را به صورت تر و تميز و بدون نياز به اسکرول يا تغيير زوم خواهد ديد.
















      در يکي دو سال اخير توجه زيادي به اين نوعي از طراحي شده است، طراحي ريسپانسيو حتي اپليکيشن‌هاي اختصاصي را به چالش مي‌کشد و مواردي ديده شده که صاحبان سايت‌هاي معتبر به جاي تمرکز روي اپليکيشن‌ها به طراحي ريسپانسيو روي آورده‌اند.
      در اين پست براي آگاهي صاحبان سايت‌ها و وبلاگ‌ها ايراني و همچنين طراحان وب، دو نمونه از سايت‌هايي را ذکر مي‌کنم که به تازگي به طراحي ريسپانسيو روي آورده‌اند.
      سايت اول سايت readWriteWeb است که به خاطر داشتن تحليل‌هاي ژرف، يکي از سايت‌هاي مورد علاقه من در حوزه فناوري است، اين سايت البته سال پيش توسط Say Media خريداري شد، «ري برند» شد و نامش به readWrite تغيير پيدا کرد و تيم دبيري آن هم تغيير پيدا کرد.
      ReadWrite – Web Apps, Web Technology Trends, Social Networking and Social Media
      اما در تازه‌ترين تغيير در اين سايت، ما شاهد يک قالب جديد، زيبا و کارا در آن هستيم که ريسپانسيو است.

      اگر به اين سايت سر بزنيد و با مرورگر خود روي سايت زوم کنيد، مي‌بيند که به تناسب افزايش زوم، سايت واکنش نشان مي‌دهد و با سايز جديد، سازگار مي‌شود.
      اما سايت مشهورتري که به تازگي متمايل به طراحي ريسپانسيو شده است، سايت تايم است ( Breaking News, Analysis, Politics, Blogs, News Photos, Video, Tech Reviews - TIME.com )، مرور اين سايت براي مشاهده طراحي جديدش را هم توصيه مي‌کنم.






      منبع : وبسایت یک پزشک
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    4.x
    نوشته ها
    3,437
    میزان امتیاز
    446

    پیش فرض

    بهله ... این مقاله هم روش کار رو کامل توضیح داده :

    A List Apart: Articles: Responsive Web Design

    6 تشکر توسط:


  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    395
    میزان امتیاز
    48

    پیش فرض

    با اینترنت اکسپلورر چکار کنیم ؟
    خیلی از کدهای توی کروم و موزیلا توی IE قابل اجرا نیستن. راهی براش هست ؟

    کاربر مقابل از amir_tara67 بابت این پست مفید تشکر کرده است:


  3. Top | #4
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,667
    میزان امتیاز
    3114

    پیش فرض

    با اینترنت اکسپلورر چکار کنیم ؟
    خیلی از کدهای توی کروم و موزیلا توی IE قابل اجرا نیستن. راهی براش هست ؟
    روش Responsive کردن با استفاده از CSS و jQuery معمولاً توسط تمامی مرورگر ها ساپورت میشه .

    4 تشکر توسط:


  4. Top | #5
    کاربر ویژه

    ورژن ویبولتین
    4.1.9
    نوشته ها
    777
    میزان امتیاز
    90

    پیش فرض

    دوستان کد این جاوا که تصاویر رو ریسایز می کنه برای موبایل دارند لطفا قرار بدهند

    کاربر مقابل از شهریار جون بابت این پست مفید تشکر کرده است:


  5. Top | #6
    کاربر ویژه

    ورژن ویبولتین
    4.1.9
    نوشته ها
    777
    میزان امتیاز
    90

    پیش فرض

    خوب دیدم که کسی کمک نمی کنه رفتم دنبالش البته خیلی بیشتر از چیزی که می خواستم داخل سایت های انگلیسی زبان پیدا کردم

    اندازه هارو کامل با روش کوچیک کردن تصاویر در مانیتور ها رو کامل اینجا نوشتم کلیک کنید


    اینم اندازه ها به صورت استاندارد
    کد:
    /* Large desktop */
    @media (min-width: 1200px) { ... }
    
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { ... }
    
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { ... }
    
    /* Landscape phones and down */
    @media (max-width: 480px) { ... }

    2 تشکر توسط:


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. درخواست نصب سیو
    توسط mohmmadhosain در انجمن پرسش و پاسخ
    پاسخ: 5
    آخرين نوشته: 2012/11/15, 11:32 PM
  2. مشکل در سیو کردن بنر در فتوشاپ
    توسط Danialskh در انجمن پرسش و پاسخ
    پاسخ: 5
    آخرين نوشته: 2012/08/20, 12:52 PM
  3. مشکل در نصب وی بی سیو
    توسط amireza20 در انجمن دانلود ورژن های VBSeo
    پاسخ: 11
    آخرين نوشته: 2012/02/18, 03:00 PM
  4. مشکل در سیو نشدن قسمت قالب اصلی CSS
    توسط irsat2008 در انجمن پرسش و پاسخ
    پاسخ: 10
    آخرين نوشته: 2011/05/27, 01:55 PM
  5. پلاگین های سیو
    توسط Ali-Reza در انجمن پلاگین های وردپرس
    پاسخ: 1
    آخرين نوشته: 2011/02/16, 05:08 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •