با وجود همه نرم افزارهای طراحی وب موجود، چر باید در مرورگر طراحی کنیم؟

طراحی رسیپانسیو (Responsive) یک مفهوم جدید در طراحی وب است.

وب‌سایت‌ها را می‌توان در تلفن های همراه، تبلت‌ها، PCها و حتی بر روی ساعت‌های هوشمند روی مچ دست باز کرد.

اکثر ابزارهای طراحی وب Static هستند و از قابلیت ریسپانسیو پشتیبانی نمی کنند.

مرورگر، مثل یک بوم نقاشی بی پایان و انعطاف پذیر است، یک مکان طبیعی برای کدنویسی است و سطح بالای طراحی پویا و بازخوردی که از آن دیده می شود اجازه می‌دهد تا طراحی‌های وب ریسپانسیو عالی داشته باشید.

در این دوره، مربی رویکرد خود را برای طراحی در مرورگر توضیح می دهد، که از قبل از شروع برنامه نویسی شروع می شود.

او نحوه تعریف طرح روی کاغذ و انتخاب یک زبان برای سایت را نشان می دهد و سپس یک صفحه یا سند پایه با HTML5 می سازد. سپس از CSS برای تنظیم ظاهر سایت و طرح‌بندی استفاده می‌کند و از مدیا کوئری و Flexbox برای افزودن قابلیت های ریسپانسیو استفاده می‌کند.

در فصل 3، مربی قابلیت های ریسپانسیو سایت را با استفاده از Transitionها و Transformهای CSS بهبود می بخشد. در نهایت، او توضیح می دهد که چگونه از این تکنیک ها برای ساخت تم های وردپرس در مرورگر استفاده کنید.

هر مرحله شامل استراتژی‌های طراحی، بهترین روش‌ها و نمونه‌های کد واقعی است که مرورگر وب را به ابزار طراحی جدید مورد علاقه شما تبدیل می‌کند.

سرفصل مطالب این دوره آموزشی:

• Use the browser as a design canvas
• Draft layouts with pen and paper
• Modularizing the design
• Create a baseline document with HTML5
• Create responsive layouts with Flexbox
• Applying CSS transitions and transforms
• Building WordPress themes in the browser