آموزش چیدمان 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
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/d983
آموزش مبانی توسعه وب: فن آوری های وب
Web Development Foundations: Web Technologies
راهنمای "ساده انگلیسی" برای فناوری و اصطلاحات موجود در وب.
آموزش دریافت وب سایت آنلاین
Getting Your Website Online
طیف وسیعی از گزینه ها را برای میزبانی یک سایت و پایه های اصلی لازم را برای نمایان شدن سایت خود کاوش کنید.
آموزش HTML & CSS: ایجاد فرم ها
HTML & CSS: Creating Forms
راهنمای جامعی برای ایجاد فرم های قابل استفاده ، قابل دسترسی و پاسخگو با HTML و CSS دریافت کنید.
Clarissa Peterson
Clarissa Peterson یک توسعه دهنده ، نویسنده و گوینده ، متخصص در تجربه کاربری و استراتژی طراحی است. کلاریسا تقریباً در هر نقشی که می توانید تصور کنید از سال 2002 در وب کار می کند. او به عنوان یک توسعه دهنده جلویی شروع به کار کرد و در سالهای اخیر به سمت تمرکز روی تجربه کاربری و استراتژی دیجیتال روی آورد. تجربه متنوع او به او این امکان را می دهد تا نقش منحصر به فردی در تیم ها داشته باشد ، شکاف بین طراحان ، توسعه دهندگان و سایر مناطق و نقش های دیگر که برای ایجاد و حفظ یک حضور آنلاین قوی لازم است. او نویسنده آموزش طراحی وب سایت پاسخگو: راهنمای مبتدی است که در سال 2014 توسط (O'Reilly Media.) منتشر شده است. این کتاب مقدماتی از ابتدای طراحی با طراحی پاسخگو است ، به سمت طراحان ، مدیران پروژه ها ، روسای بخش ها و سایر افرادی که ممکن است برای ورود به کتاب های فنی تر و با تمرکز بیشتر روی طراحی پاسخگو با مشکل روبرو شوند. Clarissa همچنین یک سخنران مکرر در کنفرانس های طراحی و فناوری است. از سال 2012 ، وی با حضور در بیش از 60 رویداد گفتگو یا کارگاه برگزار کرده است. او همچنین یک مربی در برنامه Fast Tracker Web در موسسه فناوری آلبرتا جنوبی (SAIT) در کلگری ، کانادا است.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.