Index

A

• adaptive images
  • about / Adaptive images
  • URL, for list / Adaptive images
• AngularJS
  • about / AngularJS
  • URL / AngularJS
• Apache
  • used, for server-side optimization / Server-side optimization with Apache
• AppCache
  • about / AppCache
  • URL, for tutorial / AppCache
  • advantages / AppCache
• appearance, responsive web design
  • conformity / Appearance
  • user interaction / Appearance
  • user interaction (desktop layout) / Appearance
  • user interaction (mobile layout) / Appearance
  • appearance (focusing on content) / Appearance
• Asynchronous Javascript And XML (AJAX) / Conditional loading

B

• background images
  • about / Background images and media queries

C

• caching
  • about / Caching
• code changes
  • managing / Managing code changes
• CodeKit
  • about / CodeKit
  • features / CodeKit
• compression
  • using / Compression
• conditional content management
  • about / Conditional content management
• conditional loading
  • about / Conditional loading
• Content Delivery Networks (CDN)
  • about / Content Delivery Networks
• CreateJS
  • about / Improving the output
  • URL / Improving the output
• CSS
  • code / CSS

D

• design concepts
  • about / Design concepts
  • graceful degradation / Graceful degradation and progressive enhancement
  • progressive enhancement / Graceful degradation and progressive enhancement
  • OOCSS / Object-oriented CSS (OOCSS)
  • templates / Patterns and templates
  • patterns / Patterns and templates
  • plugins / Plugins and software
  • software / Plugins and software
• developing
  • about / Developing
• DNS prefetching
  • about / DNS prefetching
  • purpose / The purpose of DNS prefetching
• DOM elements
  • reference link, for article / One-to-many DOM elements

E

• ETags
  • about / ETags
• ETags, Yahoo developers
  • URL / ETags
• expires headers
  • about / Expires headers

F

• features, CodeKit
  • preprocessor / CodeKit
  • compiling / CodeKit
  • Task Manager / CodeKit
  • Package Manager / CodeKit
  • minification / CodeKit
  • concatenation / CodeKit
  • CodeKit / CodeKit
• file concatenation
  • about / File concatenation
• files
  • combining / Combining files
• fonts
  • about / Fonts

G

• graceful degradation / Graceful degradation and progressive enhancement
• Grunt
  • about / Grunt
  • URL / Grunt
• Gruntfile.js
  • about / Gruntfile.js
• Gzip compression test
  • reference link / Compression

H

• h5bp/html5-boilerplate
  • reference link / Server-side optimization with Apache
• HAML
  • about / Sassy CSS, SASS, and LESS

I

• image format
  • selecting / Choosing the correct image format
• image framing
  • about / So, what is image framing?
• ImageOptim
  • URL / Optimizing images
• images
  • optimizing / Optimizing images
• Initializr
  • URL / Server-side optimization with Apache
• Interface Sketch
  • URL / Planning

J

• JavaScript
  • used, for speeding up website / Using JavaScript to ease the load
• JPEGMini
  • URL / Optimizing images

L

• LESS
  • code / LESS
  • references / LESS
• LoadQueue function
  • supported file types / Improving the output

M

• management perspective, responsive web design
  • benefits / Management
• media queries
  • specifying / Specifying sizes and media queries and introducing sprite sheets
  • about / Style sheets, media queries, and viewports, Background images and media queries
• media query templates
  • about / Media query templates
• minification / Browser requests
• mobile first approach
  • reference link / Design concepts
• Mozilla Developers Network docs
  • reference link / Specifying sizes and media queries and introducing sprite sheets

N

• npm
  • URL, for downloading / CodeKit

O

• OOCSS
  • about / Object-oriented CSS (OOCSS)
  • structure, separating from styling / Separating structure from styling
  • containers, separating / Separating the containers and the content
  • content, separating / Separating the containers and the content
  • and SASS/SCSS / OOCSS and SASS/SCSS (even LESS)
  • reference link / OOCSS and SASS/SCSS (even LESS)

P

• package.json file
  • about / package.json
  • reference link / package.json
• parallel downloads
  • about / Parallel downloads
• patterns
  • about / Patterns and templates
  • reference link / Patterns and templates
• pixels
  • about / Fonts
• planning
  • about / Planning
• plugins
  • about / Plugins and software
• prefetching, types
  • -prefetch / The purpose of DNS prefetching
  • -dns-prefetch / The purpose of DNS prefetching
  • -prerender (IE only) / The purpose of DNS prefetching
• Prepros
  • about / Prepros
  • URL / Prepros
• progressive enhancement / Graceful degradation and progressive enhancement
• progressive images
  • about / Progressive images

R

• Radical Image Optimization Tool (RIOT)
  • about / Optimizing images
  • URL / Optimizing images
• rem
  • reference link / Fonts
• render blocking
  • about / Resource placement on the DOM
• requests
  • reducing, for images / Reducing the number of requests
• RequireJS
  • about / RequireJS
  • URL, for downloading / RequireJS
  • URL, for API documentation / RequireJS
• reset style sheet
  • reference link / SASS
• resource placement, on DOM
  • about / Resource placement on the DOM
  • scripts, with $(document).ready() / Scripts with $(document).ready()
  • layout, modifying with scripts / Scripts that change the layout
  • welcome section / The welcome section
  • information section / The information section
  • about section / The about section
• responsive web design
  • appearance / Appearance
  • management perspective, benefits / Management
  • limitations / The bad – slow load times and unresponsive interactions, Slow load times, Browser requests
  • performance testing / Back to the responsive stuff
  • references / A few references for further reading
• retina displays
  • about / Retina displays

S

• SASS
  • about / Sassy CSS, SASS, and LESS
  • code / SASS
  • reference link / SASS
• SASS/SCSS
  • and OOCSS / OOCSS and SASS/SCSS (even LESS)
• scaling
  • about / Scaling
• SCSS
  • code / SCSS
• sections, adjusting
  • about / Adjusting the sections
  • output, improving / Improving the output
• server-side optimization, with Apache
  • about / Server-side optimization with Apache
• server side, with PHP
  • about / The server side with PHP
• Single-page Application (SPA) / AngularJS
• sizes
  • specifying / Specifying sizes and media queries and introducing sprite sheets
• slow performance, effects
  • about / The ugly – the effects of slow performance
  • on end user / Effects on the end user
  • on business / Effects on business
• speed testing tools
  • reference link / Back to the responsive stuff
• sprite sheets
  • about / Specifying sizes and media queries and introducing sprite sheets, Sprite sheets
  • using / Sprite sheets
• Stubbornella
  • reference link, for saving plenty of lines of code / Separating the containers and the content
• style sheets
  • about / Style sheets, media queries, and viewports
• supported file types, LoadQueue function
  • BINARY / Improving the output
  • CSS / Improving the output
  • IMAGE / Improving the output
  • JAVASCRIPT / Improving the output
  • JSON / Improving the output
  • JSONP / Improving the output
  • MANIFEST / Improving the output
  • SOUND / Improving the output
  • SVG / Improving the output
  • XML / Improving the output

T

• templates
  • about / Patterns and templates
• test-driven development (TDD) / Beginning your testing adventure
• testing process, steps
  • about / Beginning your testing adventure
  • planning / Step 1 – planning
  • testing / Step 2 – testing
  • results, assessing / Step 3 – assessing results
  • bugs, tracking / Step 4 – tracking bugs
• testing tools
  • reference link / Back to the responsive stuff
• TinyPNG
  • URL / Optimizing images
• too many DOM Elements scenario / Too many DOM Elements, One-to-many DOM elements

U

• Unresponsive Interactions / Unresponsive interactions

V

• viewports
  • about / Style sheets, media queries, and viewports

W

• W3C spec, for media queries
  • reference link / Style sheets, media queries, and viewports
• Webflow
  • URL / Planning
  • about / Planning
• WebPageTest
  • URL / Back to the responsive stuff

Y

• Yeoman
  • URL / Server-side optimization with Apache
  • URL, for generators' page / Server-side optimization with Apache
• YSlow
  • about / Resource placement on the DOM
• YUI Compressor
  • reference link / File concatenation