درخواست های ارتباط
جستجو
    لیست دوستان من
    صندوق پیام
    همه را دیدم
    • در حال دریافت لیست پیام ها
    صندوق پیام
    رویدادها
    همه را دیدم
    • در حال دریافت لیست رویدادها
    همه رویدادهای من
    تخفیف های وب سایت
    همه تخفیف ها

    عضویت در

    کانال تلگرام

    توسینسو

    اطلاعات مطلب
      مدرس/نویسنده
      ارسطو  عباسی
      امتیاز: 25049
      رتبه:25
      60
      85
      8
      226
      ارسطو هستم، نویسنده، وبلاگ‌نویس و توسعه‌دهنده وبسایت: Arastoo.net پروفایل کاربر

      آموزش گام بە گام CSS: قسمت چهاردهم: واکنشگرایی چیست؟

      تاریخ 24 ماه قبل
      نظرات 0
      بازدیدها 211
      Responsive ITPRO

      سلام به دوستان آی تی پرو، امروز میخواهیم در ادامه آموزش های CSS سراغ بحث Responsive Layout بریم و با هم یاد بگیریم.
      Responsive یا واکنشگرا چیست؟ در ابتدای پیدایش صفحات وب، صفحات ساده و دارای یک اندازه ثابت بودند، صفحات با توجه به بزرگ بودن یا کوچک بودن هیچ واکنش خاصی را انجام نمی دادند. اما از زمانی که وبگردی با موبایل و تبلت مرسوم شد این مشکل واقعا خودش را نشان داد. با پیدایش نسخه جدید CSS3 این مشکل تا حد زیادی رفع گردید.
      اصول واکنشگرایی چیست؟
      المنت های صفحات وب با توجه به اندازه صفحه اندازه خودشان را به صورت درصدی افزایش یا کاهش می دهند. برای مثال اندازه عرض یک تگ اگر ١٠٪ باشد در نمایشگرهای مختلف نمی تواند یک عدد ثابت باشد. برای مثال اگر همین تگ را در یک نمایشگر با عرض 100px مشاهده کنیم اندازه 10px از صفحه نمایش را اشغال کند اما در یک نمایشگر با عرض 1000px اندازه به 100px تغییر می کند.

      در این چند قسمت می خواهیم با مفاهیمی چون:
      1. View Port
      2. Grid View
      3. Media Query
      4. Images Responsive
      5. Video Responsive
      6. Frame Works
      آشنا می شویم. با من همراه باشید.

      نویسنده : ارسطو عباسی
      منبع : انجمن تخصصی فناوری اطلاعات ایران
      هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد
      برچسب ها
      ردیفعنوان
      1آموزش گام به گام CSS قسمت اول : معرفی و آشنایی با نوشتن دستورات و کامنت
      2آموزش گام به گام CSS قسمت دوم: شیوه های استفاده از CSS
      3آموزش گام به گام CSS قسمت سوم : رنگ ها و پشت زمینه ها
      4آموزش گام به گام CSS قسمت چهارم: حاشیه ها
      5آموزش گام به گام CSS قسمت پنجم: Margin , Padding , height , Width
      6آموزش گام به گام CSS قسمت ششم: متون
      7آموزش گام به گام CSS قسمت هفتم : فونت‌ و قالب‌های متنی
      8آموزش گام به گام CSS قسمت هشتم: لینک ها و لیست ها
      9آموزش گام به گام CSS قسمت نهم: جداول
      10آموزش گام به گام CSS قسمت دهم: Display و Max-width
      11آموزش گام به گام CSS قسمت یازدهم: موقعیت ها , Overflow
      12آموزش گام به گام CSS قسمت دوازدهم: جهت ها, تراز ها و غلظت
      13آموزش گام به گام CSS قسمت سیزدهم: شفافیت
      14آموزش گام بە گام CSS: قسمت چهاردهم: واکنشگرایی چیست؟
      15آموزش: آموزش گام بە گام CSS: قسمت پانزدهم: Viewport چیست؟
      دورهمجموعه کل دوره
      مطالب مرتبط

      در حال دریافت اطلاعات

      نظرات
      هیچ نظری ارسال نشده است

        برای ارسال نظر ابتدا به سایت وارد شوید