Limit search to available items
Book Cover
E-book
Author Paganotti, Sandro

Title Designing Next Generation Web Projects with CSS3
Published Birmingham : Packt Publishing, 2013

Copies

Description 1 online resource (288 pages)
Contents Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: No Sign Up? No Party!; HTML structure; Reset stylesheet and custom fonts; Creating the form; Misplaced labels; Basic styling; Defining properties; Marking required fields; The checked radio buttons trick; Displaying icons within radio button labels; Counting and displaying invalid fields; Implementing the counters; Balloon styling; Graceful degradation; Summary; Chapter 2: Shiny Buttons; Creating a coin-operated push button; The :before and :after pseudo-selectors
GradientsThe gradient syntax; Avoiding experimental prefixes; Upcoming syntax changes for CSS3 gradients; Shadows; Adding labels; Handling mouse clicks; Small changes in CSS, big results; Creating an ON/OFF switch; Creating a mask; The active state; Adding the checked state; Adding colors; Supporting older browsers; Supporting IE10; Summary; Chapter 3: Omni Menu; Setup operations; Styling the first-level items; Using the inline-block display; Using new pseudo-selectors; Completing the first level; Styling submenus; Moving parts; Adding transitions; Introducing animations; Adding colors
Media queriesStyling the mobile version; Handling the new layout on desktop browsers; Final adjustments; Improving speed; Implementing in older browsers; Summary; Chapter 4: Zooming User Interface; Infographics; Implementing Flexible Box Layout; Defining the basic structure; Adding Polyfills; Embedding SVG; Taking advantage of Modernizr; The :target pseudo-selector; Adding some anchors; CSS3 transforms; Applying transformations; Flashing issues; Adding a mask; Targeting SVG with CSS; Graceful degradation; Summary; Chapter 5: An Image Gallery; Preparing the structure; Applying the basic CSS
Styling the bulletsImplementing opacity transition; Implementing slide transition; 3D transformations; Adding the slideshow mode; Previous and next arrows; CSS preprocessors; Handling special cases; Support for older browsers; Summary; Chapter 6: Parallax Scrolling; Discovering perspective; Creating a cube; The perspective-origin property; CSS 3D parallax; Implementing parallax scrolling in WebKit; Implementing parallax scrolling in Gecko; Implementing parallax scrolling in Internet Explorer; Adding some randomness to the gallery; Rotating the images; A 3D panorama
Dealing with older browsersSummary; Chapter 7: Video Killed the Radio Star; The HTML5 video element; Masks; More advanced masking; Implementing the project; Animating masks; WebKit-specific properties; Masking with text; Filters; Grayscale filter; Summary; Chapter 8: Go Go Gauges; A basic gauge structure; Installing Compass; CSS reset and vendor prefixes; Using rem; Basic structure of a gauge; Gauge tick marks; Dealing with background size and position; Creating the arrow; Moving the arrow; Animating the gauge; Overall indicator; Reducing the size of the CSS; Adding some trembling
Summary This book is designed for you if you are a frontend web developer; it requires a solid knowledge of CSS syntax and of the most common CSS2 properties and selectors
Notes Displaying the gauge value
English
Print version record
Subject Cascading style sheets.
Web sites -- Design.
Cascading style sheets
Web sites -- Design
Form Electronic book
ISBN 9781849693271
1849693277
1849693269
9781849693264