Intro -- Learning Zurb Foundation -- Table of Contents -- Learning Zurb Foundation -- 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. 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 -- 2. The Foundation Grid -- The Foundation grid basics -- Centering columns in the grid -- Offsetting the grid -- The block grid -- Nesting the grid -- Setting element position based on screen size -- Modifying the base theme and building a demo site -- Summary -- 3. Navigation -- The simple top navigation bar -- Navigation tweaks -- Side navigation -- Subnavigation -- Breadcrumbs -- Pagination -- Let's navigate together -- Summary -- 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 gutter -- Fixing border issues -- Tables -- Video -- Progress bars -- Keystrokes -- Label -- Print styles -- Sliders -- Alerts -- Tooltips -- Utility -- Visibility -- Switches -- The icon bar -- Summary -- 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 -- Joyride -- Accordion -- Tabs -- Summary -- 6. Testing -- Testing IE 6-11 -- Supporting unsupported versions of IE -- Testing IE7 and IE6 -- Multiple device testing -- Remote debugging -- Chrome simulation -- Other tools you can try out for testing purposes -- Summary -- 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 -- 8. Mixins -- What are mixins? -- Using a mixin within Sass and Foundation -- Mixin libraries and other useful mixins -- Summary -- 9. Designing Responsive Ideas -- Using Foundation for in-browser designs -- Building a quick prototype -- Reviewing the prototype -- Customizing the prototype -- Foundation theme -- Creating Foundation grids in Photoshop -- Summary -- 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.

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.

Description based on publisher supplied metadata and other sources.

Electronic reproduction. Ann Arbor, Michigan : ProQuest Ebook Central, 2018. Available via World Wide Web. Access may be limited to ProQuest Ebook Central affiliated libraries.