پیشنهاد فرادرس

آموزش طراحی وب سایت واکنش گرا

دسته بندی ها: آموزش های Frontend Masters ، طراحی وب واکنشگرا ، آموزش طراحی وب

آموزش-طراحی-وب-سایت-واکنش-گرا

در این آموزش تصویری با نحوه طراحی وب سایت های واکنشگرا (Responsive) آشنا می شوید.

این دوره آموزشی محصول Fronted Masters می باشد.

سرفصل های دوره آموزشی:

  • طراحی Responsive Web
  • کار با Flexible Content
  • کار با Other RWD Considerations
  • استفاده از سبک های RWD
  • پیاده سازی سبک RWD
  • الگوهای: RWD  استفاده از جدول و تصاویر
  • مقاوم سازی RWD
  • بازسازی Twitter.com
  • بازسازی تصاویر
  • بازسازی جداول

لیست سرفصل های دوره آموزشی:

From smart phones to tablets and even 60? HDTV sets, your site can be viewed everywhere on almost every device. But is your site built to respond for all the different size and display options? A pioneer in responsive web design, Ben Callahan, leads you through the process of what it means to build a web site in the 21st century. Ben tackles RWD process, prototyping and patterns down to specific coding tactics with media queries and responsive CSS.

Table of Contents Introduction

Introduction 0:00:00 - 0:08:15 Part 1: Responsive Web Design (RWD) 101

A Fluid Foundation 0:08:16 - 0:20:18 IE Rounding and the Semantic Grid System 0:20:19 - 0:28:24 Flexible Content 0:28:25 - 0:43:44 Media Queries 0:43:45 - 1:02:14 Other RWD Considerations 1:02:15 - 1:10:16 Part 2: RWD Process

A Myth about Process 1:10:17 - 1:17:08 Content Priority Prototype 1:17:09 - 1:22:56 Style Prototype 1:22:57 - 1:37:20 Part 3: Applying RWD Styles

The Basic Structure 1:37:21 - 1:45:08 CSS files (using Sass) 1:45:09 - 1:52:14 Implementing RWD Styles 1:52:15 - 2:01:36 Using EM-Based Media Queries 2:01:37 - 2:07:33 RWD Patterns: Navigation 2:07:34 - 2:19:20 RWD Patterns: Tables and Images 2:19:21 - 2:30:53 RWD Patterns: Off-Canvas Layouts 2:30:54 - 2:38:25 Part 4: RWD Retrofitting

From Fixed to Fluid 2:38:26 - 2:43:28 Retrofitting Twitter.com 2:43:29 - 2:55:43 Retrofitting Images 2:55:44 - 3:01:10 Retrofitting Tables 3:01:11 - 3:16:09 Retrofitting Media Queries 3:16:10 - 3:21:06 Client Interaction 3:21:07 - 3:27:21 Part 5: JS to the Rescue

Media Queries 3:27:22 - 3:39:21 Conditional Loading 3:39:22 - 3:49:47 Part 6: Lessons Learned

Pricing 3:49:48 - 4:02:02 Prioritization 4:02:03 - 4:08:13 Testing, Consistency, and Experimentation 4:08:14 - 4:14:27 Part 7: What’s next in RWD?

The Responsive Dip 4:14:28 - 4:30:20

عنوان دوره: Frontend Masters – Responsive Web Design حجم فایل: 1.49GB

آیا این نوشته را دوست داشتید؟
Frontend Masters Responsive Web Design

پیشنهاد فرادرس