آموزش چیدمان Responsive
Responsive Layout
- طراحی پاسخگو چیست؟
- ساختار صفحه پاسخگو
- قابلیت دسترسی و طراحی پاسخگو
- استفاده از س quالات رسانه
- طراحی با شبکه CSS
- طراحی با CSS Flexbox
مقدمه Introduction
-
ایجاد کارگروه Go cross-platform with responsive design
-
ایجاد کارگروه What you should know
1. ساختار صفحه اصلی 1. Basic Page Structure
-
ایجاد کارگروه Viewport
-
ایجاد کارگروه Required CSS
-
ایجاد کارگروه Display property
-
ایجاد کارگروه Positioning
-
ایجاد کارگروه Floats
-
ایجاد کارگروه Units
2. چیدمان پاسخگو 2. Responsive Layout
-
ایجاد کارگروه Responsive design
-
ایجاد کارگروه Media queries
-
ایجاد کارگروه Flexbox and Grid
-
ایجاد کارگروه Accessibility
-
ایجاد کارگروه Browser support
3. طرح بندی شبکه 3. Grid Layout
-
ایجاد کارگروه Intro to CSS Grid
-
ایجاد کارگروه Defining rows and columns
-
ایجاد کارگروه Grid gap
-
ایجاد کارگروه Sizing rows and columns
-
ایجاد کارگروه Placing grid items
-
ایجاد کارگروه Grid alignment overview
-
ایجاد کارگروه Aligning tracks
-
ایجاد کارگروه Aligning grid items within tracks
-
ایجاد کارگروه Aligning individual grid items
-
ایجاد کارگروه Variable columns
-
ایجاد کارگروه Grid template areas
-
ایجاد کارگروه Naming grid lines
-
ایجاد کارگروه Ordering grid items
-
ایجاد کارگروه Grid flow and implicit tracks
-
ایجاد کارگروه Challenge: The rainbow box
-
ایجاد کارگروه Solution: The rainbow box
4. Flexbox 4. Flexbox
-
ایجاد کارگروه Defining a flexbox container
-
ایجاد کارگروه Direction
-
ایجاد کارگروه Wrapping
-
ایجاد کارگروه Ordering flex items
-
ایجاد کارگروه Flexbox alignment overview
-
ایجاد کارگروه Aligning items on main axis
-
ایجاد کارگروه Aligning items on cross axis
-
ایجاد کارگروه Aligning lines on cross axis
-
ایجاد کارگروه Aligning individual flex items
-
ایجاد کارگروه Distributing space to flex items
-
ایجاد کارگروه Challenge: Floats to flexbox
-
ایجاد کارگروه Solution: Floats to flexbox
5. طرح چیدمان 5. Layout Design
-
ایجاد کارگروه Centering content
-
ایجاد کارگروه 3-column layout with grid areas, part 1
-
ایجاد کارگروه 3-column layout with grid areas, part 2
-
ایجاد کارگروه 3-column layout with flexbox
-
ایجاد کارگروه 12-column layout setup
-
ایجاد کارگروه 12-column layout for medium viewports
-
ایجاد کارگروه 12-column layout for wide viewports
نتیجه Conclusion
-
ایجاد کارگروه Next steps
![آموزش WebAssembly دستی برای برنامه نویسان ++C [ویدئو]](https://donyad.com/course/getimg/571023a6-1a96-4aa3-b3b7-47288531c87e.jpg "آموزش WebAssembly دستی برای برنامه نویسان ++C [ویدئو]")
https://donyad.com/d/d983
Clarissa Peterson
Clarissa Peterson یک توسعه دهنده ، نویسنده و گوینده ، متخصص در تجربه کاربری و استراتژی طراحی است. کلاریسا تقریباً در هر نقشی که می توانید تصور کنید از سال 2002 در وب کار می کند. او به عنوان یک توسعه دهنده جلویی شروع به کار کرد و در سالهای اخیر به سمت تمرکز روی تجربه کاربری و استراتژی دیجیتال روی آورد. تجربه متنوع او به او این امکان را می دهد تا نقش منحصر به فردی در تیم ها داشته باشد ، شکاف بین طراحان ، توسعه دهندگان و سایر مناطق و نقش های دیگر که برای ایجاد و حفظ یک حضور آنلاین قوی لازم است. او نویسنده آموزش طراحی وب سایت پاسخگو: راهنمای مبتدی است که در سال 2014 توسط (O'Reilly Media.) منتشر شده است. این کتاب مقدماتی از ابتدای طراحی با طراحی پاسخگو است ، به سمت طراحان ، مدیران پروژه ها ، روسای بخش ها و سایر افرادی که ممکن است برای ورود به کتاب های فنی تر و با تمرکز بیشتر روی طراحی پاسخگو با مشکل روبرو شوند. Clarissa همچنین یک سخنران مکرر در کنفرانس های طراحی و فناوری است. از سال 2012 ، وی با حضور در بیش از 60 رویداد گفتگو یا کارگاه برگزار کرده است. او همچنین یک مربی در برنامه Fast Tracker Web در موسسه فناوری آلبرتا جنوبی (SAIT) در کلگری ، کانادا است.
نمایش نظرات