Index
A
- abbreviation / Abbreviations
- Accessibility / The idea – the A11yHCM plugin
- accordion / Accordions
- alignment / Display properties and alignment
- alignment helper / Alignment helpers
- AngularJS
- reference link / Introducing our demo project
- about / Introducing AngularJS
- setting up / Setting up AngularJS
- testimonials component, improving / Improving the testimonials component
- Animate.css
- reference link / Introducing Salvattore
- adding, to MyPhoto / Adding Animate.css to MyPhoto
- assets
- deploying / Deploying assets
B
- badges
- applying / Applying badges
- bootpag
- used, for enhanced pagination / Enhanced pagination using bootpag
- Bootstrap
- demo project / Introducing our demo project
- Bootstrap's jQuery alert plugin, customizing
- about / Customizing Bootstrap's jQuery alert plugin
- markup / The markup
- alert's style sheets, extending / Extending alert's style sheets
- functionality, extending with JavaScript / Extending alert's functionality with JavaScript
- Bootstrap's jQuery carousel plugin, customizing
- about / Customizing Bootstrap's jQuery carousel plugin
- markup / The markup
- functionality, extending with JavaScript / Extending carousel's functionality with JavaScript
- style sheets, extending / Extending carousel's style sheets
- Bootstrap 4
- about / What Bootstrap 4 has to offer
- layout / Layout
- content styling / Content styling
- components / Components
- mobile support / Mobile support
- utility classes / Utility classes
- supported browsers / Supported browsers
- Sass, using / Sass instead of Less
- root em / From pixel to root em
- vendor prefix mixing / Vendor prefix mixing
- reference link / Vendor prefix mixing
- icons / Icons
- themes / Themes
- customization / Customization
- Bootstrap components
- Bootstrap jQuery plugin
- writing / Writing a custom Bootstrap jQuery plugin
- A11yHCM plugin / The idea – the A11yHCM plugin
- a11yHCM.js file / The a11yhcm.js file
- markup / The markup
- style, adding / Adding some style
- Bootstrap Lightbox
- used, for displaying images / Displaying images using Bootstrap Lightbox
- border / Borders
- breadcrumbs / Breadcrumbs
- breakpoints / Container
- browser
- detecting / Browser detection
C
- cards / Components, Cards
- carousel / Carousel
- class names / Long identifier and class names
- clearfix / Clearfix
- code / Code
- columns, grid system
- nesting / Nesting
- auto-layout of columns / Auto-layout of columns
- alignment / Alignment
- flex order / Flex Order
- offsetting / Offsetting
- container / Containers, Container
- container-fluid / Container-fluid
- content
- collapsing / Collapsing content
- accordion / Accordions
- Content Delivery Network (CDN) / Setting up our project
- context classes
- applying / Applying context classes
- context colors / Context colors
- Contrast Chrome plugin
- reference link / The idea – the A11yHCM plugin
- CSS
- minifying / Minifying CSS and JavaScript
- CSS comments
- stripping / Stripping CSS comments
- CSS optimization
- about / CSS optimization
- inline styles / Inline styles
- long identifier / Long identifier and class names
- class names / Long identifier and class names
- shorthand rules / Shorthand rules
- selectors, grouping / Grouping selectors
- rendering time / Rendering times
D
- DataTables
- used, for improving price list / Improving our price list with DataTables
- reference link / Improving our price list with DataTables
- Dependency Injection (DI) / Setting up AngularJS
- display helper / Display helpers
- display properties / Display properties and alignment
- Document Object Model (DOM) / Setting up our project
- don't repeat yourself (DRY) principle / Container
- dots per inch (dpi) / From pixel to root em
E
- enhanced pagination
- bootpag, using / Enhanced pagination using bootpag
F
- figures
- about / Figures
- quotes / Quotes
- abbreviation / Abbreviations
- fixing / Fixing
- flexbox / Flexbox
- floating / Floating
- footer
- creating / Creating a footer
- forms
- customizing / Creating and customizing forms
- creating / Creating and customizing forms
- form validation / Form validation
G
- grid system
- about / The grid system
- containers / Containers
- rows / Rows
- columns / Columns
- Grunt
- about / Introducing Grunt
- reference link / Introducing Grunt
- used, for minification / Minification and concatenation using Grunt
- used, for concatenation / Minification and concatenation using Grunt
- grunt / Introducing our demo project
- grunt-contrib-copy
- reference link / Deploying assets
- grunt-contrib-cssmin package
- reference link / Minification and concatenation using Grunt
- grunt-contrib-watch
- reference link / Running tasks automatically
- grunt-processhtml
- reference link / Processing HTML
- grunt-uncss
- reference link / Stripping our website of unused CSS
H
- height / Width and height
- High Contrast Mode (HCM) / The idea – the A11yHCM plugin
- Hover
- reference link / Hover
- groups / Hover
- adding, to MyPhoto / Adding Hover to MyPhoto
- navbar, growing / Making the navbar grow
- icons / Awesome Hover icons
- Salvattore Hover / Salvattore Hover
- HTML
- processing / Processing HTML
I
- icons
- about / Icons
- alerts, using / Using and customizing alerts
- alerts, customizing / Using and customizing alerts
- image elements
- about / Image elements
- responsive images / Responsive images
- image modifiers / Image modifiers
- images
- displaying, with Bootstrap Lightbox / Displaying images using Bootstrap Lightbox
- Immediately Invoked Function Expression (IIFE) / Setup
- inline styles / Inline styles
J
- JavaScript
- about / JavaScript
- setting up / Setup
- class definition / Class definition
- Data API implementation / Data API implementation
- jQuery / jQuery
- minifying / Minifying CSS and JavaScript
- JavaScript file
- concatenation / JavaScript file concatenation
- jquery-bootpag
- reference link / Enhanced pagination using bootpag
- jQuery browser plugin
- reference link / Browser detection
- JSX / Introducing React
L
- Less / Sass instead of Less
- list
- about / Lists
- unstyled list / Unstyled lists
- inline list / Inline lists
- list groups
- about / List groups
- list items, interacting / Interacting with list items
- badges, applying / Applying badges
- context classes, applying / Applying context classes
- list items
- interacting / Interacting with list items
- long identifier / Long identifier and class names
M
- margins / Margins and padding
- media objects
- used, for adding content / Adding content using media objects
- modals
N
- navbar
- about / Navbar
- fixating / Fixating the navbar
- styling / More on navbar styling
- navigation
- improving, Scrollspy used / Improving navigation using Scrollspy
- ngApp / Setting up AngularJS
- node package manager (npm) / Introducing our demo project
- npm minifier
- reference link / Minifying CSS and JavaScript
P
- padding / Margins and padding
- pixel (px) / From pixel to root em
- plugin anatomy
- about / Anatomy of a plugin
- JavaScript / JavaScript
- Sass / Sass
- plugins
- customizing / Customizing plugins
- Bootstrap's jQuery alert plugin, customizing / Customizing Bootstrap's jQuery alert plugin
- Bootstrap's jQuery carousel plugin, customizing / Customizing Bootstrap's jQuery carousel plugin
- popovers / Popovers
- progress indicators / Progress indicators
- project
- setting up / Setting up our project
Q
- quotes / Quotes
R
- React
- reference link / Introducing our demo project
- about / Introducing React
- setting up / Setting up React
- gallery component, creating / Making a Gallery component in React
- carousel, using / Using carousel in React
- rendering time / Rendering times
- responsive utilities / Responsive utilities
- root em (rem) / From pixel to root em
- runt-contrib-uglify
- reference link / JavaScript file concatenation
S
- Salvattore
- used, for building testimonial component / Building a testimonial component with Salvattore
- reference link / Introducing Salvattore
- about / Introducing Salvattore
- alerts, bouncing / Bouncing alerts
- Salvattore grid
- animating / Animating a Salvattore grid
- Sass (Syntactically Awesome Stylesheets) / Sass instead of Less
- scroll speed
- customizing / Customizing scroll speed
- Scrollspy
- used, for improving navigation / Improving navigation using Scrollspy
- sections
- creating / Creating sections
- selectors
- grouping / Grouping selectors
- shorthand properties
- reference link / Shorthand rules
- shorthand rules / Shorthand rules
- sub elements / Sub and sup
- sup elements / Sub and sup
- Syntactically Awesome Stylesheets (Sass) / Sass
T
- tasks
- executing / Running tasks automatically
- testimonials component
- improving / Improving the testimonials component
- testimonials dynamic, creating / Making testimonials dynamic
- Promise, creating with $q / Making a Promise with $q
- AngularJS Directive, creating / Creating an AngularJS directive
- testimonials template, writing / Writing the testimonials template
- testimonial directive, testing / Testing the testimonial directive
- Salvatorre library, importing / Importing the Salvatorre library
- text
- highlighting / Highlighting text
- text alignment / Text alignment and transformation
- text size
- reducing / Reducing text size
- tooltips / Tooltips
- transformation / Text alignment and transformation
- typeahead / Typeahead
U
- udacity
- URL / Rendering times
- unordered list (ul) element / Tabs
- unused CSS, website
- HTML, processing / Processing HTML
- assets, deploying / Deploying assets
- CSS comments, stripping / Stripping CSS comments
- user input
- formatting / Formatting user input
- user interface (UI) / Components
- user output
- formatting / Formatting user output
V
- visibility
- toggling / Toggling visibility
W
- Web Accesibility
- reference link / The idea – the A11yHCM plugin
- website
- stripping, of unused CSS / Stripping our website of unused CSS
- width / Width and height
X
- XMLHttpRequest (XHR) / Introducing AngularJS