ساخت فرم های پاسخگو با Flexbox

مدرس James Williamson

انتشار 2016/01/08

مدت زمان 1h 19m

سطح متوسط

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

آموزش Building Responsive Forms with Flexbox

مدل CSS3 Flexible Box یا Flexbox روشی متفاوت برای طراحی وب‌سایت‌های واکنش‌گرا و فرم‌های HTML است. Flexbox به شناورها یا حاشیه های جمع شونده متکی نیست. در عوض، ظروف انعطاف پذیر، اقلام را کوچک و منبسط می کنند تا با فضای موجود متناسب شوند. با flexbox، طرح‌بندی‌های پیچیده‌تر را می‌توان با کد معنایی پاک‌تر به دست آورد.rnrn او نحوه استایل دادن به ساختارهای فرم، فیلدها، برچسب ها و دکمه ها را نشان می دهد. کنترل تراز عناصر مختلف؛ و پاسخگویی هر دو فرم را با پرس و جوهای رسانه ای افزایش دهید.

CSS Flexbox Responsive Web Design Web Standards

Introduction

Welcome ()

Using the exercise files ()

1. Building a short form

Flexbox basics ()

Touring the finished projects ()

Basic form structure ()

Basic form styling ()

Making the form responsive ()

Controlling element flexibility ()

Refining form layout ()

2. Larger Forms

Longer form structure ()

Sectioning form content ()

Refining basic styling ()

Creating responsive inputs and labels ()

Creating responsive checkbox groups ()

Making form sections responsive ()

Controlling section spacing ()

Adding media queries ()

Conclusion

Additional resources ()

Ex_Files_Forms_Flexbox.zip (18.5 MB)

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

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

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

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

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

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

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