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
- 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