ایجاد یک طراحی وب واکنشگرا: تکنیک های پیشرفته

مدرس Chris Converse

انتشار 2015/12/07

به‌روز‌رسانی 2016/06/03

مدت زمان 1h 14m

سطح متوسط

فایل تمرینی دارد

آموزش Creating a Responsive Web Design: Advanced Techniques

به دنبال ارتقای مهارت های طراحی وب سایت واکنش گرا به سطح بعدی هستید؟ با نحوه ایجاد منوهای جمع شونده و افزودن گرافیک های برداری مقیاس پذیر (SVG) به طرح بندی های خود آشنا شوید. کریس کانورس تکنیک های پیشرفته ای را برای استایل دادن به منوها و گرافیک های موبایل با HTML، CSS، جاوا اسکریپت و جی کوئری به اشتراک می گذارد. این ویدیوها آموزش‌های عملی و ابتدایی را برای ساخت صفحات وب کارآمدتر و انعطاف‌پذیرتر ارائه می‌دهند که می‌توانند با اندازه‌ها و جهت‌گیری‌های مختلف صفحه نمایش سازگار شوند.

Cascading Style Sheets (CSS) Front-end Development Responsive Web Design

Introduction

Introduction to this course ()

What you'll need to complete this course ()

About the exercise files ()

1. Creating a Collapsible Mobile Menu

About this lesson ()

Relocating the nav element ()

Adding a mobile link button ()

Removing the header height restrictions ()

Restyling the mobile menu ()

Adjusting the logo to overlap the menu ()

Adding JavaScript and jQuery to your project ()

Attaching a click event to the mobile menu button ()

Animating the height of the navigation ()

Removing the style attribute from the nav element ()

Where to go from here ()

2. Working in an SVG

About this lesson ()

Grouping artwork in an SVG ()

Adding CSS to an SVG ()

Adding media queries to an SVG ()

Changing SVG art with CSS ()

Using the same SVG file for all screen sizes ()

3. Supporting High-Definition Screens

About this lesson ()

About the exercise files ()

Adding sizes for CSS-driven images ()

Adding new graphics to the project ()

Using CSS media queries for device pixel ratio ()

Using image srcset and the pixel density descriptor ()

Where to go from here ()

Ex_Files_Resp_Web_Des_Advanced.zip (492 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

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

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.