لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت فرم های Responsive با Flexbox
Building Responsive Forms with Flexbox
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
مدل جعبه انعطاف پذیر CSS3 یا Flexbox ، روشی متفاوت برای طراحی وب سایت های پاسخگو و فرم های HTML است. Flexbox به شناورها یا حاشیه های قابل جمع شدن اعتماد نمی کند. در عوض ، ظروف فلکس متناسب با فضای موجود کوچک و منبسط می شوند. با flexbox می توان با کد معنایی تمیزتر ، آرایش های پیچیده ای را به دست آورد.
در این دوره ، نویسنده ارشد جیمز ویلیامسون نحوه استفاده از ظروف فلکس ، وسایل کودک فلکس و تکنیک های طراحی پاسخگو برای ایجاد طرح های پاسخگو برای دو فرم را نشان می دهد: یک فرم جستجوی کوتاه و یک فرم ثبت نام طولانی تر با بخش ها. او نشان می دهد که چگونه می توان ساختار فرم ها ، زمینه ها ، برچسب ها و دکمه ها را سبک کرد. تراز بندی عناصر مختلف را کنترل کنید. و پاسخگویی هر دو فرم را با س mediaالات رسانه افزایش دهید.
سرفصل ها و درس ها
مقدمه
Introduction
خوش آمدی
Welcome
با استفاده از پرونده های تمرینی
Using the exercise files
1. ساختن فرم کوتاه
1. Building a short form
اصول اولیه Flexbox
Flexbox basics
گشت و گذار در پروژه های به پایان رسیده
Touring the finished projects
ساختار فرم اساسی
Basic form structure
یک ظاهر طراحی شده فرم اصلی
Basic form styling
ساخت فرم...
Making the form responsive
انعطاف پذیری عنصر کنترل
Controlling element flexibility
طرح فرم پالایش
Refining form layout
2. فرم های بزرگتر
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
مربی گواهی شده Adobe
جیمز ویلیامسون مربی مجوز Adobe یک مربی در زمینه تجربه وب ، چاپ و فیلم دیجیتال است.
جیمز ویلیامسون نویسنده ارشد lynda.com و مربی گواهی Adobe است. او سالها تجربه وب ، چاپ و فیلم دیجیتال را دارد و در Flashforward به عنوان سخنران برجسته و همچنین در Adobe MAX سخنران معمولی بوده است. جیمز همچنین وبلاگ (به ندرت) در مورد همه چیزهای وب در سایت خود ، Simple Primate ، که می توانید در www.simpleprimate.com .
نمایش نظرات