Learning Modernizr:
Gespeichert in:
Bibliographische Detailangaben
1. Verfasser: Watson, Adam (VerfasserIn)
Format: Elektronisch E-Book
Sprache:English
Veröffentlicht: Birmingham Packt Pub. 2012
Schriftenreihe:Community experience distilled
Schlagworte:
Online-Zugang:FAW01
FAW02
Volltext
Beschreibung:Table of Contents; Learning Modernizr; Learning Modernizr; Credits; About the Author; About the Reviewers; www.PacktPub.com; Support files, eBooks, discount offers and more; Why Subscribe?; Free Access for Packt account holders; Preface; What this book covers; What you need for this book; Who this book is for; Conventions; Reader feedback; Customer support; Downloading the example code; Errata; Piracy; Questions; 1. Getting Started with Modernizr; Detect and design with features, not User Agents (browsers); The Modernizr namespace; Supporting features with CSS selectors
Focusing on features, not browsersWhat's wrong with browser sniffing?; User Agent sniffing -- a big headache and a little payoff; Summary; 2. Installing Modernizr; Creating the foundation; Using conditional comments; The no-js class; Downloading the Modernizr library; Verifying the script connection; Blocking versus non blocking; The async attribute; Blocking to allow shimming; Adding the navigation; The section frames; Styling the page; Smoother transitions with jQuery; Determining the base experience; Images for icons; Opacity; Hex colors; HTML5 semantic elements; Custom fonts
Fixed positioningThe core HTML; Google fonts API; The CSS; Summary; 3. Using Modernizr the Right Way; Frame 1 -- swapping images for CSS; Keeping it WebKit, for now; The stripes; The curves; Clouds; Frame 2 -- multiple backgrounds, text shadow, and RGBA color; RGBA; Text shadow; Frame 3 -- box reflect, HSLA color, and generated content; HSL color; Box shadow; Converting the clouds to CSS; Extra credit -- converting the Modernizr logo to CSS; Frame 4 -- animations; Animating the clouds; Frame 5 -- putting it all together and making it rain; Caveats; Vendor prefixing
Prefixing with Modernizer.prefixedSummary; 4. Customizing to Your Unique Needs; Customizing Modernizr; The Modernizr.addTest plugin API; Modernizr.load; Using polyfills; Media queries with Modernizr.mq; Respond; Further reading and resources; jQuery's Best Friends; Require JS; Backbone JS; Underscore; HTML5 Rocks; Summary; Index
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. ""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
Beschreibung:1 Online-Ressource (236 pages)
ISBN:1782160221
178216023X
9781782160229
9781782160236

Es ist kein Print-Exemplar vorhanden.

Fernleihe Bestellen Achtung: Nicht im THWS-Bestand! Volltext öffnen