Cargando…
Designing Next Generation Web Projects with CSS3.
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.
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing,
2013.
|
| Temas: | |
| Acceso en línea: | Texto completo |
Tabla de Contenidos:
- 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.