آموزش طراحی وب ریسپانسیو در مرورگر

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

nn او نشان می دهد که چگونه می توان طرح را روی کاغذ تعریف کرد و یک "زبان" برای سایت ایجاد کرد و سپس یک سند پایه با HTML5 ایجاد کرد. سپس از CSS برای هدایت ظاهر سایت و طرح‌بندی استفاده می‌کند، از پرسش‌های رسانه‌ای و Flexbox برای افزودن رفتارهای واکنش‌گرا استفاده می‌کند. در فصل 3، مورتن تعامل سایت را با استفاده از انتقال و تبدیل CSS بهبود می بخشد. در نهایت، او نحوه استفاده از این تکنیک ها را برای ساخت تم های وردپرس در مرورگر نشان می دهد.

nn