HTML5 and CSS3 Transition, Transformation, and Animation

راهنمای مفیدی برای درک میکروداده، APIهای جاوا اسکریپت جدید، و عناصر فرم جدید در HTML5 و CSS3 همراه با انتقال، تبدیل، و انیمیشن با استفاده از نمونه کد شفاف

نمای کلی

• معناشناسی HTML5 و Microdata را کشف کنید
• درک مفهوم مدل CSS3 Flexible Box
• کاوش ویژگی های اصلی HTML5 مانند بوم ، برنامه وب آفلاین، موقعیت جغرافیایی، عناصر صوتی و تصویری، و ذخیره سازی وب
• بر ابزارها و ابزارهای کاربردی در HTML5 و CSS3 تسلط داشته باشید

در جزئیات

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

HTML5 و CSS3 Transition، Transformation و Animation به شما کمک می کند از قدرت واقعی پشت HTML5 و CSS3 استفاده کنید و زمینه خوبی برای استفاده از آن به شما می دهد. در صفحات وب خودتان هر نمونه کد و مفهوم با جزئیات توضیح داده شده است، و تمام اطلاعاتی که برای ارتقای صفحات وب خود به سطح بعدی نیاز دارید در اختیار شما قرار می گیرد - قبل از اینکه همه رقبای شما انجام دهند!

کتاب با شروع شروع می شود. پوشش مفاهیم اولیه HTML5 و CSS3 مانند معناشناسی، میکروداده و مدل Flexbox. سپس به سرعت به مفاهیم میانی مانند عناصر فرم و برخی ویژگی های هیجان انگیز با API های جاوا اسکریپت خواهید رسید. نمونه‌های کد ارائه‌شده در این کتاب به شما پایه‌ای محکم می‌دهد که با استفاده از آن می‌توانید پروژه‌های HTML/CSS خود را با انتقال و انیمیشن‌ها درک، بنویسید و اجرا کنید.

به‌جای اینکه بارها را پشت سر بگذارید. از نظر تئوری، مفاهیم این کتاب به صورت عملی با استفاده از نمونه کد برای نشان دادن ویژگی های جدید HTML5 و CSS3 توضیح داده شده است. نمونه کدها به گونه ای هستند که می توانید کد را کپی کنید (کل کد به جای تکه های کد نوشته شده است) و برای درک بهتر آن را اجرا کنید. انتقال، تبدیل و انیمیشن نیز به صورت شفاف توضیح داده شده است و سطح دشواری آن در سراسر کتاب به تدریج افزایش می یابد.

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

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

• از Microdata استفاده کنید. برای اهداف سئو و یادگیری معنای HTML5
• درباره عناصر فرم جدید HTML5 بیاموزید
• با کشیدن و رها کردن در HTML5 کار کنید
• کشف نحوه عملکرد موقعیت جغرافیایی در مرورگرهای مختلف
• تئوری بوم HTML5 را با تعداد زیادی نمونه کد
• درک نحوه عملکرد برنامه وب آفلاین و یادگیری مفاهیم ذخیره سازی وب
• با تفاوت های ظریف آشنا شوید از انتقال CSS3
• ایجاد صفحات وب پیچیده با استفاده از انیمیشن های پیشرفته

رویکرد

این کتاب کاربردی و دستی است راهنمای -on که تعدادی تمرین واضح و گام به گام را در اختیار شما قرار می دهد که از سطح پایه ای از درک HTML5 و CSS3 حرکت می کند و به تدریج به مفاهیم پیشرفته تر پیشرفت می کند.

A handy guide to understanding Microdata, the new JavaScript APIs, and the new form elements in HTML5 and CSS3 along with transition, transformation, and animation using lucid code samples

Overview

• Discover the semantics of HTML5 and Microdata
• Understand the concept of the CSS3 Flexible Box model
• Explore the main features of HTML5 such as canvas, offline web application, geolocation, audio and video elements, and web storage
• Master the tools and utilities in HTML5 and CSS3

In Detail

HTML5 and CSS3 are the way for the future. Prior to HTML5 and CSS3, it was difficult to design complicated animations and transformations. With the advent of HTML5 and CSS3, web design has become much simpler, and the new features that are now available help us design complex web pages with ease. These cool new features will be the standard for the future; hence, it is imperative to learn about them now.

HTML5 and CSS3 Transition, Transformation, and Animation will help you take advantage of the real power behind HTML5 and CSS3 and will give you a good grounding for using it in your own web pages. Each and every code sample and concept is explained in detail, and you will be provided with all the information you need to take your web pages to the next level – before all your competitors do!

The book starts by covering the basic concepts of HTML5 and CSS3 such as semantics, Microdata, and the Flexbox model. You will then quickly progress to intermediate concepts such as form elements and some exciting features with JavaScript APIs. The code samples provided in this book will give you a solid base by which you will then be able to understand, write, and execute your own HTML/CSS projects with transition and animations.

Instead of wading through loads of theory, the concepts in this book are explained in a practical manner using code samples to demonstrate the new features of HTML5 and CSS3. The code samples are such that you can copy the code (the entire code is written instead of code snippets) and execute it for better understanding. Transition, transformation, and animation are also explained in a lucid manner, and there is a gradual increase in the difficulty level throughout the book.

By the end of the book, you will be thoroughly acquainted with HTML5 and CSS3, enabling you to design a web page using the included code samples with ease.

What you will learn from this book

• Use Microdata for SEO purposes and learn the semantics of HTML5
• Learn about the new HTML5 form elements
• Work with drag-and-drop in HTML5
• Discover how geolocation works in different browsers
• Master HTML5 canvas theory with lots of code samples
• Understand how offline web application works and learn about web storage concepts
• Get acquainted with the nuances of CSS3 transition
• Create complex web pages using advanced animations

Approach

This book is a practical, hands-on guide that provides you with a number of clear, step-by-step exercises moving from a basic level of understanding of HTML5 and CSS3 and gradually progressing to more advanced concepts.