آموزش طراحی وب Responsive

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

طراحی وب پاسخگو (RWD) 101 Responsive Web Design (RWD) 101

• یک پایه مایع A Fluid Foundation

• گردآوری IE و سیستم شبکه معنایی IE Rounding and the Semantic Grid System

• محتوای انعطاف پذیر Flexible Content

• داستان های رسانه Media Queries

• سایر ملاحظات RWD Other RWD Considerations

فرآیند RWD RWD Process

• افسانه ای درباره روند A Myth about Process

• نمونه اولیه دارای اولویت محتوا Content Priority Prototype

• نمونه اولیه سبک Style Prototype

استفاده از سبک های RWD Applying RWD Styles

• ساختار اصلی The Basic Structure

• پرونده های CSS (با استفاده از Sass) CSS files (using Sass)

• پیاده سازی سبک های RWD Implementing RWD Styles

• استفاده از س .الات رسانه ای مبتنی بر EM Using EM-Based Media Queries

• الگوهای RWD: پیمایش RWD Patterns: Navigation

• الگوهای RWD: جداول و تصاویر RWD Patterns: Tables and Images

• الگوهای RWD: طرح بندی های خارج از بوم RWD Patterns: Off-Canvas Layouts

مقاوم سازی RWD RWD Retrofitting

• از ثابت به مایع From Fixed to Fluid

• مقاوم سازی Twitter.com Retrofitting Twitter.com

• مقاوم سازی تصاویر Retrofitting Images

• جداول مقاوم سازی Retrofitting Tables

• مقاوم سازی سوالات رسانه Retrofitting Media Queries

• تعامل مشتری Client Interaction

JS به نجات JS to the Rescue

• داستان های رسانه Media Queries

• در حال بارگیری مشروط Conditional Loading

درس های آموخته شده Lessons Learned

• قیمت گذاری Pricing

• اولویت بندی Prioritization

• آزمایش ، سازگاری و آزمایش Testing, Consistency, and Experimentation

بعدی در RWD چیست؟ What's Next in RWD?

• فرو بردن پاسخگو The Responsive Dip