آموزش بنیاد یادگیری 5

5. فراتر از قالب های سنتی تصویر Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های تمرینی Using the exercise files

• با استفاده از چالش ها Using the challenges

5. فراتر از قالب های سنتی تصویر 1. Overview of Foundation 5

• بنیاد چیست؟ What is Foundation?

• بارگیری متن Sublime 2 Downloading Sublime Text 2

• بنیاد 5 بارگیری و از بین بردن Downloading and unzipping Foundation 5

• شخصی سازی بنیاد 5 و کلمه ای درباره Sass Customizing Foundation 5, and a word about Sass

• بررسی پرونده های بنیاد Examining Foundation's files

5. فراتر از قالب های سنتی تصویر 2. The Grid System in Foundation

• معرفی شبکه کوچک Introducing the small grid

• معرفی شبکه های متوسط و بزرگ Introducing the medium and large grids

• شبکه ها را در یک صفحه واحد ترکیب کنید Combining grids in a single page

• اعمال جبران خسارت در شبکه Applying offsets in the grid

• ستون های مرکز Centering columns

• شبکه های تودرتو Nested grids

• شبکه های بلوک Block grids

• سفارش منبع Source ordering

• چالش: ایجاد یک شبکه Challenge: Create a grid

• راه حل: یک شبکه ایجاد کنید Solution: Create a grid

5. فراتر از قالب های سنتی تصویر 3. CSS Overview

• کاوش در تایپوگرافی ، نقل قول های بلوک و لیست ها Exploring typography, block quotes, and lists

• گزینه های تراز متن Text alignment options

• دکمه های یک ظاهر طراحی شده Styling buttons

• از جمله پانل ها Including panels

• ریز عکسها Styling thumbnails

• مهمترین CSS بنیاد Overriding Foundation's core CSS

• کار با کلاسهای دیدنی Working with visibility classes

• چالش: یک صفحه را سبک کنید Challenge: Style a page

• راه حل: یک صفحه را سبک کنید Solution: Style a page

5. فراتر از قالب های سنتی تصویر 4. Navigation Systems

• افزودن ناوبری جانبی Adding side navigation

• پیکربندی نوار بالا ، نوار پیمایش اولیه Configuring Top Bar, the basic navigation bar

• افزودن منوهای کشویی Adding dropdown menus

• کار کردن با خاموش بوم Working with Off Canvas

• چالش: نوار بالا را با خاموش بوم ترکیب کنید Challenge: Combine Top Bar with Off Canvas

• راه حل: نوار بالا را با بوم خاموش ترکیب کنید Solution: Combine Top Bar with Off Canvas

5. فراتر از قالب های سنتی تصویر 5. JavaScript Effects

• ایجاد یک سبد پاسخگو با Clearing Creating a responsive lightbox with Clearing

• ساخت ستون های با ارتفاع برابر با اکولایزر Making equal-height columns with Equalizer

• طراحی چرخ فلک عکس با Orbit Designing a photo carousel with Orbit

• با Reveal یک پنجره معین تنظیم کنید Setting up a modal window with Reveal

• تلفیق تصاویر پاسخگو با Interchange Integrating responsive images with Interchange

• چالش: اضافه کردن راهنمایی های ابزار به یک سایت Challenge: Adding tooltips to a site

• راه حل: اضافه کردن راهنمایی های ابزار به یک سایت Solution: Adding tooltips to a site

5. فراتر از قالب های سنتی تصویر Conclusion

• بنیاد جریان سازی برای راه اندازی Streamlining Foundation for launch

• مراحل بعدی Next steps