آموزش ایجاد یک طراحی وب Responsive: تکنیک های پیشرفته

مقدمه Introduction

• معرفی این دوره Introduction to this course

• آنچه شما برای تکمیل این دوره نیاز دارید What you'll need to complete this course

1. ایجاد یک منوی موبایل قابل جمع شدن 1. Creating a Collapsible Mobile Menu

• درباره این درس About this lesson

• جابجایی عنصر nav 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

• JavaScript و jQuery را به پروژه خود اضافه کنید Adding JavaScript and jQuery to your project

• اتصال یک رویداد کلیک به دکمه منوی تلفن همراه Attaching a click event to the mobile menu button

• متحرک کردن ارتفاع ناوبری Animating the height of the navigation

• حذف ویژگی سبک از عنصر nav Removing the style attribute from the nav element

• از اینجا به کجا بروم Where to go from here

2. کار در SVG 2. Working in an SVG

• گروه بندی آثار هنری در یک SVG Grouping artwork in an SVG

• اضافه کردن CSS به SVG Adding CSS to an SVG

• افزودن نمایش داده های رسانه ای به SVG Adding media queries to an SVG

• تغییر هنر SVG با CSS Changing SVG art with CSS

• استفاده از یک فایل SVG یکسان برای تمام اندازه صفحه نمایش Using the same SVG file for all screen sizes

• از اینجا به کجا بروم Where to go from here

3. پشتیبانی از صفحات با کیفیت بالا 3. Supporting High-Definition Screens

• درباره این درس About this lesson

• درباره این درس About this lesson

• درباره پرونده های تمرینی About the exercise files

• درباره پرونده های تمرینی About the exercise files

• افزودن اندازه برای تصاویر دارای محور CSS Adding sizes for CSS-driven images

• اضافه کردن گرافیک جدید به پروژه Adding new graphics to the project

• استفاده از پرس و جوهای رسانه CSS برای نسبت پیکسل دستگاه Using CSS media queries for device pixel ratio

• با استفاده از srcset تصویر و توصیف کننده تراکم پیکسل Using image srcset and the pixel density descriptor

• از اینجا به کجا بروم Where to go from here