Cargando…

Learning Zurb foundation : construct cross-platform and responsive web pages with the most advanced mobile-first fronted framework available /

If you are a web designer, developer, or anyone who is interested in building responsive websites, then this book is a must-have. Basic knowledge of CSS, HTML, and JavaScript is required.

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Horek, Kevin
Formato: Electrónico eBook
Idioma:Inglés
Publicado: Birmingham, UK : Packt Pub., 2014.
Colección:Community experience distilled.
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: Time to Prototype; Rough wireframing and prototypying; Prototyping smaller projects; Prototyping wrap-up; Introducing the framework; Going over the base theme; Referring to the Foundation documentation; Migrating to a newer version of Foundation; Framework support; Browser support; Extending Foundation; Overview of our one-page demo website; Summary; Chapter 2: The Foundation Grid; The Foundation grid basics; Centering columns in the grid; Offsetting the grid.
  • The block gridNesting the grid; Setting element position based on screen size; Modifying the base theme and building a demo site; Summary; Chapter 3: Navigation; Simple top navigation bar; Navigation tweaks; Side navigation; Subnavigation; Breadcrumbs; Pagination; Let''s navigate together; Summary; Chapter 4: Elements; Typography; Subheadings; The small tag; Lists; Inline lists; Definition lists; Blockquote; V-cards; Buttons; Drop-down buttons; Drop-down buttons with images and text; Split drop-down buttons; Button groups; Panels; Pricing tables; Pricing tables in columns.
  • Pricing tables in columns without a gutterFixing border issues; Tables; Video; Progress bars; Keystrokes; Label; Print styles; Sliders; Alerts; Tooltips; Utility; Visibility; Switches; The icon bar; Summary; Chapter 5: JavaScript; Magellan sticky navigation; Magellan sticky navigation code explanation; Off-canvas navigation; Interchange responsive content; Interchange responsive default content; Interchange responsive images; Interchange responsive images with media queries; Interchange responsive background images; Retina media queries; Orbit slider; Clearing; Forms; Form validation; Reveal.
  • JoyrideAccordion; Tabs; Summary; Chapter 6: Testing; Testing IE 6-11; Supporting unsupported versions of IE; Testing IE 7 and IE6; Multiple device testing; Remote debugging; Chrome simulation; Other tools you can try out for testing purposes; Summary; Chapter 7: Sass and Foundation; Introducing Sass; Installing Foundation with Sass; Going over the default settings file; Covering the variables; Going over the files; The index file; How do my files get converted?; What is Grunt?; Why is the setup so complicated?; Let''s review the JS files; Summary; Chapter 8: Mixins; What are mixins?
  • Using mixin within Sass and FoundationMixin libraries and other useful mixins; Summary; Chapter 9: Designing Responsive Ideas; Using Foundation for in-browser design; Building a quick prototype; Reviewing the prototype; Customizing the prototype; Foundation theme; Creating Foundation grids in Photoshop; Summary; Chapter 10: Foundation with Other Tools; Finding a starter theme; Using Foundation with other frameworks; Ideas on how to play nice with developers; Summary; Where to go from here; Index.