Index

A

• About modal
  • about / About modal
• About page, restaurant website
  • about / The About page
  • feature image, modifying / Changing the feature image
  • large subtitle, setting up / Setting up the large subtitle
  • social media icons, adding / Adding the social media icons
  • address, adding / Adding the address
  • layout, reviewing / Reviewing the layout
  • About text, inserting / Inserting the About text
  • modal / Don't forget the modal
  • project, recompiling / Recompiling your project
• activity feed, social networking site
  • coding / Coding the activity feed
  • first column, customizing / Customizing the first column
  • buttom styles, adding / Adding button styles
  • post form, adding / Adding the post form
  • new post notification bar, adding / Adding the new post notification bar
  • alert bar, styling / Styling the alert bar
• advertisement section, Bootstrap magazine website
  • adding / Coding the advertisement section
• animations
  • about / Animations and transitions
• article page template
  • about / The article page template
  • article page body, coding / Coding the article page body
  • body content, adding / Adding the body content
• article template, Bootstrap magazine website
  • coding / Coding the article template
  • article title, adding / Adding the article title
  • article metadata, adding / Adding the article metadata
  • article content, adding / Adding the article content
  • comment section, adding / Adding the comment section
  • custom article layout, creating / Creating the custom article layout
  • trigger button, adding / Adding the trigger button
  • Disqus content component, adding / Adding the Disqus content component

B

• background colors
  • about / Background colors
• boilerplate project
  • setting up / Setting up a boilerplate project
  • reference link / Setting up a boilerplate project
  • CSS, setting up / Setting up the CSS
  • fonts, setting up / Setting up the fonts
  • JavaScript, setting up / Setting up the JavaScript
  • partials, setting up / Setting up the partials
  • _harp.json, setting up / Setting up _harp.json
  • _data.json, setting up / Configuring _data.json
  • layout, setting up / Setting up the layout
  • variables, inserting / Inserting the variables
  • header, setting up / Setting up the header
  • footer, setting up / Setting up the footer
  • compiling for first time / Compiling for the first time
  • local server, running / Running the local server
• Bootstrap
  • reference link / Setting up the CSS, Adding the utility drop-down menu
• Bootstrap dashboard
  • template, customizing / Customizing the template
  • less variables, setting up / Setting up the Less variables
  • header, coding / Coding the header and footer
  • footer, coding / Coding the header and footer
  • header, updating / Updating the header
  • navbar component, customizing / Customizing the navbar component
  • footer, updating / Updating the footer
• Bootstrap dashboard, coding
  • about / Coding the dashboard
  • layout, setting up / Setting up the layout
  • sidebar, creating / Creating the sidebar
  • nav pills component, customizing / Customizing the nav pills component
  • content section, creating / Creating the content section
  • typography, customizing / Customizing the typography
  • pie chart HTML, writing / Writing the pie chart HTML
  • pie chart JavaScript, writing / Writing the pie chart JavaScript
  • less component, creating for charts / Creating a Less component for the charts
  • widgets section, setting up / Setting up the widgets section
  • widgets HTML, writing / Writing the widgets HTML
  • success panel, reviewing / Reviewing the success panel
  • danger panel, reviewing / Reviewing the danger panel
  • panels HTML, writing / Writing the panels HTML
  • table component, customizing / Customizing the table component
  • button, adding / Adding the button
  • button component, customizing / Customizing the button component
  • line chart, inserting / Inserting a line chart
  • HTML, adding for line chart / Adding the HTML for the line chart
  • chart JavaScript, updating / Updating the chart JavaScript
  • chart CSS, updating / Updating the chart CSS
  • mobile considerations / Mobile considerations
• Bootstrap magazine website
  • template, customizing / Customizing the template
  • Less variable, setting up / Setting up the Less variables
  • header, coding / Coding the header and footer
  • footer, coding / Coding the header and footer
  • logo, inserting / Inserting the logo
  • filters, adding / Adding the filters
  • search field, adding / Adding the search field
  • form Less component, adding / Adding the form Less component
  • footer, updating / Updating the footer
  • top section of footer, coding / Coding the top of the footer
  • first two columns, adding / Adding the first two columns
  • newsletter form, adding / Adding the newsletter form
  • button styles, updating / Updating the button styles
  • advertisement section, coding / Coding the advertisement section
  • well styles, updating / Updating the well styles
  • bottom of footer, coding / Coding the bottom of the footer
  • home page, coding / Coding the home page
  • post grid, creating with flexbox / Creating a post grid with flexbox
  • pagination section, adding / Adding the pagination section
  • article template, coding / Coding the article template
• brand, social networking site
  • inserting / Inserting the brand
• button styles, Bootstrap magazine website
  • adding / Updating the button styles

C

• Chartist
  • reference link / Updating _layout.ejs, Writing the pie chart HTML
  • about / Writing the pie chart HTML
• colors
  • adding / Adding new colors
  • background colors / Background colors
  • text colors / Text colors
  • link and border colors / Link and border colors
• Contact modal
  • about / The Contact modal
• Contact page, restaurant website
  • about / The Contact page
  • Google Map, inserting / Inserting the Google Map
  • Google Map code, inserting / Inserting the Google Map code
  • body of page, setting up / Setting up the body of the page
  • reservation modal / The reservation modal
• custom button styles
  • adding / Adding custom button styles
• custom well styles
  • adding / Adding custom well styles

D

• development environment
  • creating / Creating a development environment
  • building / Building our development environment

E

• Embedded JavaScript (EJS) / Setting up a boilerplate project

F

• feed
  • pagination, adding for / Adding pagination to the feed
• feed header
  • adding / Adding the feed header
• feed section
  • about / Feed
  • feed count, adding / Adding the feed count and the next button
  • next button, adding / Adding the feed count and the next button
• filters, Bootstrap magazine website
  • adding / Adding the filters
• Font Awesome
  • reference link / Setting up the fonts
• footer
  • updating / Updating the header and footer
• footer, Bootstrap dashboard
  • coding / Coding the header and footer
  • updating / Updating the footer
• footer, Bootstrap magazine website
  • coding / Coding the header and footer
  • updating / Updating the footer
  • bottom, coding / Coding the bottom of the footer
• footer, restaurant website
  • setting up / Setting up the footer
  • footer layout / The footer layout
• footer, social networking site
  • coding / Coding the header and footer
  • updating / Updating the footer
• form Less component, Bootstrap magazine website
  • adding / Adding the form Less component
• friends section, social networking site
  • coding / Coding the friends section
  • friend entry, adding / Adding a friend entry

G

• Google Map
  • URL / Inserting the Google Map

H

• Harp
  • about / Harp.js – the static web server with built-in preprocessing
• Harp.js
  • about / Harp.js – the static web server with built-in preprocessing
  • reference link / Harp.js – the static web server with built-in preprocessing, Setting up a boilerplate project
  • installing / Installing Harp.js
• Harp metadata
  • reference link / Configuring _data.json
• header
  • updating / Updating the header and footer
  • coding / Coding the header
• header, Bootstrap dashboard
  • coding / Coding the header and footer
  • updating / Updating the header
• header, Bootstrap magazine website
  • coding / Coding the header and footer
  • updating / Updating the header
• header, restaurant website
  • updating / Updating the header
• header, social networking site
  • coding / Coding the header and footer
  • updating / Updating the header
• header nav
  • coding / Coding the header nav
• header search
  • finishing off / Finishing off the header search
• header search bar
  • coding / Coding the header search bar
• homepage
  • coding / Coding the homepage
  • page title section, setting up / Setting up the page title section
  • type styles, setting up / Setting up the type styles
  • page body, coding / Coding the page body
  • sidebar, coding / Coding the sidebar
• home page, Bootstrap magazine website
  • coding / Coding the home page
• home page, restaurant website
  • about / Home page
  • primary header image, adding / Adding the primary header image
  • about text, adding / Adding the about text to the home page
  • food tiles, setting up / Setting up the food tiles
  • review carousel, adding / Adding the review carousel
• home page feed
  • coding / Coding the home page feed

I

• icon navigation, social networking site
  • setting up / Setting up the icon navigation
• index page
  • setting up / Setting up the index page
• installation, Harp.js / Installing Harp.js
• installation, Node.js / Installing Node.js

L

• layout, restaurant website
  • expanding / Expanding the layout
  • Google Web Fonts, adding / Adding Google Web Fonts
• less
  • configuring / Configuring Less
  • color variables, inserting / Colors
  • background variables, inserting / Backgrounds
  • text colors, defining / Text
  • link colors, defining / Links
  • borders, defining / Borders
  • typography, setting up / Typography
  • layout variables, defining / Layout
  • mixins, defining / Mixins
  • border radius, defining / Border radius
• less variables
  • defining / Defining your Less variables
  • setting up / Setting up the Less variables
• less variables, Bootstrap dashboard
  • about / Setting up the Less variables
  • background colors / Background colors
  • text colors / Text colors
  • link colors / Link colors
  • border colors / Borders
  • typography / Typography
• Less variables, Bootstrap magazine website
  • setting up / Setting up the Less variables
  • background color variables, updating / Background colors
  • text color variables, updating / Text colors
  • link colors / Link colors
  • borders / Borders
  • typography / Typography
  • border radius / Border radius
• less variables, restaurant website
  • updating / Updating the Less variables
  • backgrounds / Backgrounds
  • links / Links
• less variables, social networking site
  • about / Setting up the Less variables
  • background colors / Background colors
  • text colors / Text colors
  • link colors / Link colors
  • border colors / Border colors
  • typography / Typography
  • border radius / Border radius
• link and border colors
  • about / Link and border colors
• Login modal
  • about / Login modal
• logo, Bootstrap magazine website
  • inserting / Inserting the logo

M

• material design color palettes
  • reference link / Updating the Less variables
• Menu page, restaurant website
  • about / The Menu page
  • .page-header class, customizing / Customizing the .page-header class
  • layout, setting up / Setting up the layout
  • featured modal, adding / Adding the featured modal
  • multiple modals / Multiple modals
• mobile-specific styles, social networking site
  • adding / Adding some mobile-specific styles
• mobile-specific styling
  • about / Mobile-specific styling
• mobile first aggregator website template
  • setting up / Setting up the template
  • web font, adding / Adding a new web font
  • JavaScript to _layout.ejs, adding / Adding the JavaScript to _layout.ejs
  • less variables, updating / Updating the Less variables
  • text colors, updating / Updating the text colors
  • header, setting up / Setting up the header
  • navbar, adding / Navbar
  • modal triggers / Modal triggers
  • search bar / Search bar
  • search bar jQuery / Search bar jQuery
  • filters section / Filters
  • footer, setting up / Setting up the footer

N

• navbar component, Bootstrap dashboard
  • customizing / Customizing the navbar component
• navbar Less file, social networking site
  • creating / Creating the navbar Less file
• navigation, restaurant website
  • setting up / Setting up the navigation
• navigation modal
  • adding / Adding the navigation modal
  • footer, adding / Adding the footer
• newsletter form, Bootstrap magazine website
  • adding / Adding the newsletter form
• Node.js
  • installing / Installing Node.js
  • download link / Installing Node.js
• notifications section, social networking site
  • coding / Coding the notifications section
  • center column, updating / Updating the center column
  • alert bar, adding / Adding an alert bar
  • notification entry, adding / Adding a notification entry

P

• page title, restaurant website
  • setting up / Setting up the page title
• pagination
  • adding, for feed / Adding pagination to the feed
• pagination section, Bootstrap magazine website
  • adding / Adding the pagination section
• posts section
  • about / Filling in the posts section
• private messages section, social networking site
  • about / Coding the private messages section
  • conversation, adding / Adding a conversation
• profile page, social networking site
  • coding / Coding the profile page
  • left sidebar, setting up / Setting up the left sidebar
  • avatar, adding / Adding the avatar
  • name, adding / Adding the name and description
  • description, adding / Adding the name and description
  • content column, adding / Adding the content column
  • well component, customizing / Customizing the well component
  • third column, adding / Adding the third column
  • template, finishing / Completing the template
• Profile template
  • about / The Profile template
  • avatar, adding / Adding an avatar

R

• reservations modal, restaurant website
  • setting up / Setting up the reservations modal
• restaurant website
  • pages, adding / Adding more pages
  • layout, expanding / Expanding the layout
  • less variables, updating / Updating the Less variables
  • header, updating / Updating the header
  • page title, setting up / Setting up the page title
  • navigation, setting up / Setting up the navigation
  • reservations modal, setting up / Setting up the reservations modal
  • footer, setting up / Setting up the footer
  • home page / Home page
  • About page / The About page
  • Menu page / The Menu page
  • Contact page / The Contact page
• Roboto
  • about / Adding a new web font
• rounder corners
  • about / Rounder corners

S

• search bar, social networking site
  • adding / Adding the search bar
• search field, Bootstrap magazine website
  • adding / Adding the search field
• search results page template
  • about / The search results page template
  • page title, updating / Updating the page title
  • post-meta class, updating / Updating the post-meta class
  • search posts, adding / Adding search posts
  • search sidebar, coding / Coding the search sidebar
• sidebar, of web app / Sidebar
• single page apps
  • about / Single page apps
• SMACSS
  • overview / SMACSS overview
  • base rules / Base rules
  • layout rules / Layout rules
  • module rules / Module rules
  • state rules / State rules
  • theme rules / Theme rules
  • base, setting up / Setting up the base
  • layout, setting up / Setting up the layout
  • modules, setting up / Setting up the modules
  • states, setting up / Setting up the states
  • theme, setting up / Setting up the theme
  • theme.less, finishing up / Finishing up theme.less
• social networking site
  • template, customizing / Customizing the template
  • less variables, setting up / Setting up the Less variables
  • header, coding / Coding the header and footer
  • footer, coding / Coding the header and footer
  • header, updating / Updating the header
  • brand, inserting / Inserting the brand
  • navbar Less file, creating / Creating the navbar Less file
  • icon navigation, setting up / Setting up the icon navigation
  • search bar, adding / Adding the search bar
  • utility drop-down, adding / Adding the utility drop-down menu
  • mobile-specific styles, adding / Adding some mobile-specific styles
  • footer, updating / Updating the footer
  • profile page, coding / Coding the profile page
  • activity feed, coding / Coding the activity feed
  • notifications section, coding / Coding the notifications section
  • private messages section, coding / Coding the private messages section
  • friends section, coding / Coding the friends section

T

• template
  • customizing / Customizing the template
  • _layout.ejs, updating / Updating _layout.ejs
  • new partial, adding / Adding a new partial
• template customization, Bootstrap dashboard
  • about / Customizing the template
  • _layout.ejs, updating / Updating _layout.ejs
• template customization, Bootstrap magazine website
  • about / Customizing the template
  • _layout.ejs, updating / Updating _layout.ejs
• template customization, social networking site
  • about / Customizing the template
  • _layout.ejs, updating / Updating _layout.ejs
• text colors
  • about / Text colors
• theme
  • setting up / Setting up your theme
• theming
  • about / Theming is hard!@
• transitions
  • about / Animations and transitions
• typography
  • about / Typography

U

• ultra-bold font option / Setting up the page title
• utility drop-down menu, social networking site
  • adding / Adding the utility drop-down menu

W

• well styles, Bootstrap magazine website
  • updating / Updating the well styles