Index
A
- <a> tag / Buttons
- accordion
- about / Accordion
- Adobe Edge Inspect
- URL / Remote debugging
- advanced navigation
- creating / Let's navigate together
- alerts
- about / Alerts
- app.scss file
- about / Going over the files
- converting, to .scss file / How do my files get converted?
B
- .bowerrc file / Let's review the JS files
- base theme
- overview / Going over the base theme
- block grid
- about / The block grid
- blockquote
- about / Blockquote
- Bourbon
- Bower
- about / Installing Foundation with Sass, The index file
- URL / The index file
- bower.json file / Let's review the JS files
- breadcrumbs
- creating / Breadcrumbs
- BrowserStack
- buttons
- about / Buttons
- drop-down buttons / Drop-down buttons
- split drop-down buttons / Split drop-down buttons
- button groups, creating / Button groups
C
- Chrome simulation
- about / Chrome simulation
- clearing
- about / Clearing
- Codio
- columns, grid
- centering / Centering columns in the grid
- custom grid
D
- definition lists
- about / Definition lists
- designer/frontend developers
- relationships, maintaining / Ideas on how to play nice with developers
- drop-down buttons
- about / Drop-down buttons
- with images and text / Drop-down buttons with images and text
E
- element position, grid
- setting, based on screen size / Setting element position based on screen size
- elements
- typography / Typography
- lists / Lists
- blockquote / Blockquote
- v-cards / V-cards
- buttons / Buttons
- panels / Panels
- pricing tables / Pricing tables
- tables / Tables
- video / Video
- progress bars / Progress bars
- keystrokes / Keystrokes
- label / Label
F
- forms
- about / Forms
- form validation
- about / Form validation
- Foundation
- version migration / Migrating to a newer version of Foundation
- URL, for migration guide / Migrating to a newer version of Foundation
- pagination / Pagination
- unsupported versions of IE, supporting / Supporting unsupported versions of IE
- IE7, testing / Testing IE7 and IE6
- IE6, testing / Testing IE7 and IE6
- mixins, using within / Using a mixin within Sass and Foundation
- used, for designing in-browser / Using Foundation for in-browser designs
- using, with other frameworks / Using Foundation with other frameworks
- Foundation, versions
- about / Introducing the framework
- complete / Introducing the framework
- essentials / Introducing the framework
- custom / Introducing the framework
- SCSS / Introducing the framework
- reference link / Introducing the framework
- foundation.css file / Going over the base theme
- foundation.min.css file / Going over the base theme
- foundation.min.js file / Going over the base theme
- Foundation component
- URL, for documentation / Using a mixin within Sass and Foundation
- Foundation documentation
- URL / Referring to the Foundation documentation
- referring to / Referring to the Foundation documentation
- Foundation media queries
- FoundationPress
- URL / Finding a starter theme
- Foundation prototypes
- Foundation with .NET
- Foundation with Angular
- Foundation with Meteor
- Foundation with Python
- Foundation with Rails
- Foundation with Sass
- installing / Installing Foundation with Sass
- framework
- overview / Introducing the framework
G
- .gitignore file / Let's review the JS files
- Ghostlab
- URL / Remote debugging
- about / Remote debugging
- GIT
- Git
- grid
- overview / The Foundation grid basics
- columns, centering / Centering columns in the grid
- offsetting / Offsetting the grid
- block grid / The block grid
- nesting / Nesting the grid
- element position, setting based on screen size / Setting element position based on screen size
- creating, in Photoshop / Creating Foundation grids in Photoshop
- online resources / Creating Foundation grids in Photoshop
- Grid templating tool
- URL / The Foundation grid basics
- about / The Foundation grid basics
- Grunt
- Gruntfile.js file / Let's review the JS files
- guest additions, virtual machine
- installing / Testing IE 6-11
H
- <h1> tag / Subheadings
- hr tags
- about / Definition lists
- humans.txt file / Let's review the JS files
I
- icon bar
- about / The icon bar
- IE6
- testing, for Foundation / Testing IE7 and IE6
- IE 6-11 versions
- testing / Testing IE 6-11
- IE7
- testing, for Foundation / Testing IE7 and IE6
- in-browser
- designing, Foundation used / Using Foundation for in-browser designs
- index.html file / Going over the base theme, Let's review the JS files
- about / The index file
- inline lists
- about / Inline lists
- installation, Foundation with Sass / Installing Foundation with Sass
- requisites / Installing Foundation with Sass
- complications / Why is the setup so complicated?
- interchange responsive background images
- interchange responsive content
- about / Interchange responsive content
- interchange responsive default content / Interchange responsive default content
- interchange responsive images / Interchange responsive images
- interchange responsive background images / Interchange responsive background images
- retina media queries / Retina media queries
- interchange responsive default content
- interchange responsive images
- about / Interchange responsive images
- with media queries / Interchange responsive images with media queries
J
- JavaScript components
- Magellan Sticky Nav / Magellan sticky navigation
- off-canvas navigation / Off-canvas navigation
- Orbit slider / Orbit slider
- clearing / Clearing
- forms / Forms
- form validation / Form validation
- Reveal / Reveal
- Joyride / Joyride
- accordion / Accordion
- tabs / Tabs
- Joyride
- about / Joyride
- jquery.js file / Going over the base theme
- JS files
- reviewing / Let's review the JS files
K
- <kbd> tag / Keystrokes
- Keynote
- keystrokes
- about / Keystrokes
L
- <li> tag / Inline lists
- label
- about / Label
- print styles / Print styles
- sliders / Sliders
- alerts / Alerts
- tooltips / Tooltips
- utility classes / Utility
- visibility classes / Visibility
- switches / Switches
- icon bar / The icon bar
- Libsass
- lists
- about / Lists
- inline lists / Inline lists
- definition lists / Definition lists
- lorem ipsum
M
- Magellan Sticky Nav
- about / Magellan sticky navigation
- code explanation / Magellan sticky navigation code explanation
- Magento-based theme
- URL / Finding a starter theme
- mixin libraries
- mixins
- about / What are mixins?
- using, within Sass / Using a mixin within Sass and Foundation
- using, within Foundation / Using a mixin within Sass and Foundation
- URL / Using a mixin within Sass and Foundation
- SASS mixins / Mixin libraries and other useful mixins
- Sassy buttons / Mixin libraries and other useful mixins
- Sass CSS3 mixins / Mixin libraries and other useful mixins
- Modernizr
- modernizr.js file / Going over the base theme
- multiple device testing
- about / Multiple device testing
- remote debugging / Remote debugging
- Chrome simulation / Chrome simulation
N
- <nav> element / The simple top navigation bar
- <nav> tag / Breadcrumbs
- navigation
- reference link / The simple top navigation bar
- side navigation, creating / Side navigation
- subnavigation, creating / Subnavigation
- breadcrumbs, creating / Breadcrumbs
- advanced navigation, creating / Let's navigate together
- navigation bar
- about / The simple top navigation bar
- tweaking / Navigation tweaks
- nesting, grid
- about / Nesting the grid
- NodeJS
- node_modules folder / Let's review the JS files
- normalize.css file / Going over the base theme
O
- off-canvas navigation
- about / Off-canvas navigation
- offsetting, grid
- about / Offsetting the grid
- one-page demo website
- overview / Overview of our one-page demo website
- theme, modifying / Modifying the base theme and building a demo site
- building / Modifying the base theme and building a demo site
- Online Android Emulator
- Orbit slider
- about / Orbit slider
P
- pagination
- about / Pagination
- panels
- about / Panels
- Photoshop
- grid, creating in / Creating Foundation grids in Photoshop
- Photoshop grid templates
- pricing tables
- about / Pricing tables
- creating, in columns / Pricing tables in columns
- creating, in columns without gutter / Pricing tables in columns without a gutter
- border issues, fixing / Fixing border issues
- print styles
- about / Print styles
- progress bars
- about / Progress bars
- projects
- prototyping / Prototyping smaller projects
- prototype
- building / Building a quick prototype
- reviewing / Reviewing the prototype
- customizing / Customizing the prototype
- prototypes
- prototyping
R
- README.md file / Let's review the JS files
- remote debugging
- about / Remote debugging
- Responsive Inspector
- responsive tables
- URL / Tables
- retina media queries
- about / Retina media queries
- Reveal
- about / Reveal
- robots.txt file / Let's review the JS files
- Ruby 1.9+
S
- .scss file
- converting, to app.scss file / How do my files get converted?
- <section> element / The simple top navigation bar
- Sass
- about / Introducing Sass
- variables / Covering the variables
- URL, for installation / How do my files get converted?
- mixins, using within / Using a mixin within Sass and Foundation
- Sass CSS3 mixins
- SASS mixins
- Sassy buttons
- Sauce Labs
- side navigation
- creating / Side navigation
- sliders
- about / Sliders
- small tag
- about / The small tag
- source ordering
- split drop-down buttons
- about / Split drop-down buttons
- starter theme
- about / Finding a starter theme
- searching / Finding a starter theme
- URL / Finding a starter theme
- sticky navigation
- about / Magellan sticky navigation
- subheadings
- about / Subheadings
- Sublime Text snippets
- URL / Finding a starter theme
- subnavigation
- creating / Subnavigation
- Subversion
- switches
- about / Switches
T
- tables
- about / Tables
- tabs
- about / Tabs
- theme
- modifying, for one-page demo website / Modifying the base theme and building a demo site
- using / Foundation theme
- online resources / Foundation theme
- tools, used for testing
- Responsive Inspector / Other tools you can try out for testing purposes
- Online Android Emulator / Other tools you can try out for testing purposes
- Sauce Labs / Other tools you can try out for testing purposes
- Keynote / Other tools you can try out for testing purposes
- BrowserStack / Other tools you can try out for testing purposes
- tooltips
- about / Tooltips
- typography
- about / Typography
- subheadings / Subheadings
- small tag / The small tag
U
- <ul> tag / Drop-down buttons
- utility classes
V
- v-cards
- variables
- about / Covering the variables
- version migration, Foundation
- framework support / Framework support
- browser support / Browser support
- video
- about / Video
- VirtualBox
- URL / Testing IE 6-11
- virtual machine
- URL, for downloading / Testing IE 6-11
- installing / Testing IE 6-11
- guest additions, installing / Testing IE 6-11
- visibility classes
- about / Visibility
- show-for-small-only class / Visibility
- show-for-medium-up class / Visibility
- show-for-medium-only class / Visibility
- show-for-large-up class / Visibility
- show-for-large-only class / Visibility
- show-for-xlarge-up class / Visibility
- show-for-xlarge-only class / Visibility
- show-for-xxlarge-up class / Visibility
- hide-for-medium-up class / Visibility
- hide-for-medium-only class / Visibility
- hide-for-large-up class / Visibility
- hide-for-large-only class / Visibility
- hide-for-xlarge-up class / Visibility
- hide-for-xlarge-only class / Visibility
- hide-for-xxlarge-up class / Visibility
- show-for-touch class / Visibility
- hide-for-touch class / Visibility
- hidden-for-small-only class / Visibility
- hidden-for-medium-up class / Visibility
- hidden-for-medium-only class / Visibility
- hidden-for-large-up class / Visibility
- hidden-for-large-only class / Visibility
- hidden-for-xlarge-up class / Visibility
- hidden-for-xlarge-only class / Visibility
- hidden-for-xxlarge-up class / Visibility
- visible-for-small-only class / Visibility
- visible-for-medium-up class / Visibility
- visible-for-medium-only class / Visibility
- visible-for-large-up class / Visibility
- visible-for-large-only class / Visibility
- visible-for-xlarge-up class / Visibility
- visible-for-xlarge-only class / Visibility
- visible-for-xxlarge-up class / Visibility
W
- wireframing
Z
- Zurb
- about / Referring to the Foundation documentation
- URL, for change log / Referring to the Foundation documentation
- URL, for support / Framework support
- URL, for browser and device compatibility list / Browser support
- foundation, extending / Extending Foundation
- URL, for playground / Extending Foundation
- Zurb's playground
- URL / Finding a starter theme
- Zurb responsive gallery
- URL / Foundation theme