Learning Modernizr : create forward-compatible websites using feature detection features of Modernizr

ایجاد وب سایت های سازگار با جلو با استفاده از ویژگی های تشخیص ویژگی Modernizr

نمای کلی

• با استفاده از مجموعه وسیعی از CSS3 شناسایی شده، یک تجربه پیشرو ایجاد کنید ویژگی‌ها
• تصاویر را با مشابه‌های مبتنی بر CSS جایگزین کنید.
• به‌جای بررسی نام و نسخه مرورگر و ارائه بر اساس آن، مزایای شناسایی ویژگی‌ها را بیاموزید.

در جزئیات

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

"Learning Modernizr" شما را گام به گام در فرآیند تبدیل راهنمایی می کند. به یک تجربه غنی از ویژگی های CSS3 با استفاده از کتابخانه جاوا اسکریپت تشخیص ویژگی Modernizr. با استفاده از این کتاب، می‌توانید یک طراحی مبتنی بر تصویر بگیرید و به تدریج آن را با استفاده از Modernizr به 100 درصد مبتنی بر CSS تبدیل کنید تا پشتیبانی از ویژگی‌ها را شناسایی کنید.

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

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

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

• تشخیص ویژگی را با کتابخانه جاوا اسکریپت Modernizr انجام دهید.
• از کلاس های HTML برای تغییر ظاهر صفحه بر اساس ویژگی های یافت شده استفاده کنید.
• ویژگی ها را با استفاده از جاوا اسکریپت بررسی کنید
• تفاوت تشخیص ویژگی با شناسایی عامل کاربر را بررسی کنید.
• تفاوت بین اسکریپت‌های مسدود و غیرمسدود.
• پس‌زمینه‌های مختلف را با استفاده از پس‌زمینه‌ها و گرادیان‌های متعدد ایجاد کنید.
• ابرهای CSS3 را بکشید و متحرک کنید که به معنای واقعی کلمه ویژگی‌ها را باران می‌کنند.
li>
• به طور خودکار پیشوندهای فروشنده تولید کنید.
• از CSS برای ترسیم و متحرک سازی مجموعه ای از اشکال و سایه ها استفاده کنید.

رویکرد</ p>

«Learning Modernizr» که به سبکی جذاب و آسان برای دنبال کردن نوشته شده است، راهنمای عملی برای استفاده از ویژگی‌های تشخیص ویژگی HTML5 Modernizr برای ایجاد سایت‌های سازگار با جلو است.

این کتاب برای چه کسی نوشته شده است

"Learning Modernizr" برای توسعه دهندگانی که به دنبال طیف وسیعی از موارد استفاده برای تشخیص ویژگی هستند عالی است. این به ویژه برای توسعه دهندگان وب است که می خواهند از ویژگی های جالب جدید HTML5 و CSS5 استفاده کنند اما در عین حال طرحی ارائه دهند که نه تنها با عقب، بلکه با جلو سازگار است.

Create forward-compatible websites using feature detection features of Modernizr

Overview

• Build a progressive experience using a vast array of detected CSS3 features
• Replace images with CSS based counterparts.
• Learn the benefits of detecting features instead of checking the name and version of the browser and serving accordingly.

In Detail

Modern web browsers support a whole range of new HTML5 and CSS3 features that make web development fun. But supporting old browsers can make a web developer's life difficult. With HTML5 Modernizr, you can check for features and deliver a design around them that is not only backward, but also forward compatible.

''Learning Modernizr'' will guide you step by step through the process of converting to a feature rich CSS3 experience using the Modernizr feature detection JavaScript library. With this book, you can take an image-based design and gradually convert it to be 100 percent CSS based using Modernizr to detect feature support.

You will also learn how to implement the bulk of today’s leading CSS3 features not limited to animations, text shadow, content generation, and more. You will also learn to change the page using media queries to determine the dimensions of the page and alter the content accordingly as well as HTML5 features such as localstorage so you can save content to the browser.

You will learn everything you need to know in order to design progressively using feature detection. Prepare your design to not just handle legacy browsers, but additionally for the HTML5 standard features you know will be added into subsequent versions of the browser.

What you will learn from this book

• Perform feature detection with the Modernizr JavaScript library.
• Use HTML classes to alter the look of the page based on features found.
• Check for features using JavaScript
• Explore how feature detection differs from User Agent Detection.
• The difference between blocking versus nonblocking scripts .
• Create various backgrounds using multiple backgrounds and gradients.
• Draw and animate CSS3 clouds that literally rain features.
• Automatically generate vendor prefixes.
• Use CSS to draw and animate an assortment of shapes and shadows.

Approach

Written in an engaging, easy-to-follow style, ''Learning Modernizr'' is a practical guide for using the feature detection features of HTML5 Modernizr to create forward compatible sites.

Who this book is written for

''Learning Modernizr'' is great for developers looking for a broad range of use cases for feature detection. It is particularly meant for web developers who want to take advantage of the cool new HTML5 and CSS5 features but at the same time deliver a design that is not only backward, but forward compatible.