Mobile first design with HTML5 and CSS3

تعداد دستگاه‌ها و اندازه‌های صفحه‌ای که در آنها صفحات وب نمایش داده می‌شود در حال چند برابر شدن است. این کتاب به شما کمک می‌کند تا وب‌سایت‌های مبتنی بر استانداردها را با استفاده از HTML5 و CSS3 ایجاد کنید که تقریباً در هر مرورگر، تلفن همراه یا دسکتاپ کاملاً نمایش داده می‌شوند.

نمای کلی

• وب سایت هایی بسازید که عالی به نظر برسند و تقریباً در هر دستگاهی که صفحات وب را نمایش می دهند قابل استفاده باشند.
• بهترین روش‌ها برای طراحی واکنش‌گرا را بیاموزید
• چگونه طراحی‌هایی را بیاموزید که بر روی صفحه‌نمایش‌های کوچک ساده و سریع باشند بدون اینکه تجربه تبلت یا دسکتاپ را به خطر بیندازید

در جزئیات

فلسفه طراحی موبایل اول با هدف توسعه وب‌سایت‌هایی است که بر روی صفحه‌نمایش‌های کوچک ساده و سریع باشند، بدون اینکه تجربه تبلت یا دسکتاپ را قربانی کنند. با استفاده از HTML5، CSS3 و ابزارهای وب مدرن ساده و استاندارد شده، می‌توانید یک سایت ایجاد کنید تا بر همه آنها حکومت کند.

طراحی Mobile First با HTML5 و CSS3 ابزارهایی را که برای ایجاد یک استاندارد مدرن و مدرن نیاز دارید، به شما آموزش می‌دهد. صفحه وب مبتنی بر آن که تقریباً در هر مرورگر وب به زیبایی نمایش داده می شود - دانش ضروری برای هر کسی که وب سایت می سازد!

در این کتاب، شما یاد خواهید گرفت که چگونه یک پروژه را از ابتدا راه اندازی کنید و به سرعت با یک وب سایت کامل نمونه کارها که پایه ای برای ساخت تقریباً هر نوع صفحه وب خواهد بود. بیاموزید که صفحات وب را متناسب با قراردادهای وب ایجاد کنید که همه ما باید با آنها مطابقت داشته باشیم. شما یاد خواهید گرفت که چگونه به صورت اسلاید تصاویر واکنشگرا بسازید. گالری تصاویر با صفحات جزئیات. و بنرها و فرم های برجسته و چشم نواز. بهتر از همه، شما یاد خواهید گرفت که چگونه این موارد را سریع و بدون افت کیفیت انجام دهید.

این کتاب با تمام کدهای مورد نیاز، و همچنین تفکری که پشت برنامه ریزی است، شما را گام به گام در این فرآیند راهنمایی می کند. یک وب‌سایت واکنش‌گرا برای اولین بار برای موبایل.

آنچه از این کتاب خواهید آموخت

• صفحات وب را ایجاد کنید که طرح‌بندی خود را تغییر می‌دهند و به صفحه‌های با اندازه‌های مختلف پاسخ می‌دهند. ، به طوری که در موبایل، تبلت و دسکتاپ به خوبی نمایش داده می شوند
• از HTML5 و CSS3 برای ایجاد سریع و موثر صفحات وب پاسخگو استفاده کنید
• از فناوری های فعلی مانند LESS و SASS برای کار سریع استفاده کنید< /li>
• اجزای صفحه وب را بسازید که در هر دو صفحه نمایش کوچک و بزرگ به خوبی عمل کنند
• طراحی هایی را ایجاد و برنامه ریزی کنید که برای صفحه های کوچک و بزرگ بدون نیاز به قربانی کردن محتوا کار می کنند

رویکرد

یک آموزش کاربرپسند برای توسعه وب‌سایت‌هایی که برای نمایشگرهای کوچک و بزرگ با استفاده از HTML5 و CSS3 کار می‌کنند.

Who این کتاب نوشته شده است for

این کتاب برای توسعه دهندگان و طراحان مبتدی تا متوسط ​​و همچنین برای کسانی در مدیریت است که می خواهند بفهمند با ابزارها و استراتژی های مدرن در وب چه چیزی ممکن است.

The number of devices and screen sizes on which to display web pages is multiplying. This book helps you to create standards-based websites using HTML5 and CSS3 that display perfectly on virtually any browser, mobile, or desktop.

Overview

• Make websites that will look great and be usable on almost any device that displays web pages.
• Learn best practices for responsive design
• Discover how to make designs that will be lean and fast on small screens without sacrificing a tablet or desktop experience

In Detail

The mobile first design philosophy aims to develop websites that will be lean and fast on small screens without sacrificing a tablet or desktop experience. Using HTML5, CSS3, and simple, standardized modern web tools you can make one site to rule them all.

Mobile First Design with HTML5 and CSS3 will teach you the tools you need to make a modern, standards-based web page that displays beautifully on nearly any web browser—essential knowledge for anyone who makes websites!

In this book, you will learn how to set up a project from scratch and quickly get up and running with a full portfolio website that will form the base for making almost any kind of web page. Learn to develop web pages that fit the web conventions we all have to conform to. You will learn how to make responsive image slideshows; image galleries with detail pages; and bold, eye-catching banners and forms. Best of all, you will learn how to make these things fast without compromising quality.

This book will walk you through the process step by step with all the code required, as well as the thinking that goes behind planning a mobile first responsive website.

What you will learn from this book

• Develop web pages that change their layout and respond to different sized screens, so that they display well on mobiles, tablets, and desktops
• Utilize HTML5 and CSS3 to make responsive web pages quickly and effectively
• Use current technologies like LESS and SASS to work fast
• Build web page components that will function well on both small and large screens
• Create and plan designs that work for small and large screens without having to sacrifice content

Approach

A user friendly tutorial to develop websites that work for both small and large screens using HTML5 and CSS3.

Who this book is written for

This book is for beginner to intermediate developers and designers, as well as for those in management who want to understand what is possible with modern tools and strategies on the Web.