Index

A

• accessibility / The role of HTML and CSS
• Addy Osmani
  • URL / Forcing hardware acceleration for a CSS animation
• Adobe AIR
  • URL / Installing Crunch!
• Adobe Kuler
  • URL / Other useful tools
  • about / Other useful tools
• alert boxes
  • creating / Creating alert boxes
• all keyword
  • used, for extending styles / Extending using the all keyword
• alpha function / Channeling colors using Less
• animate
  • URL / Using prebuilt mixin libraries
• Animate.css
  • URL / Libraries using Less
• Animate.less
  • URL / Libraries using Less
• animated menus
  • creating / Creating animated menus
• animation
  • creating / Creating media queries and animation the simple way
• animation markup
  • simplifying, with Less / Simplifying the animation markup with Less
• animations
  • about / Introducing animations
  • and transitions, differences / How a CSS animation works
  • supporting, in browsers / Supporting animations in browsers
• animation types
  • about / Introducing animation types
  • content, animating / Animating content
  • elements, transitioning / Transitioning elements
  • elements, transforming / Transforming elements
  • animations, supporting in browsers / Supporting animations in browsers
• antipatterns
  • URL / Using vendor prefixes – a warning
• argb function / Defining color formats
• arithmetic operators
  • working with / Working with arithmetic operators
• Assemble
  • URL / Installing the documentation locally
• attributes, CSS3 animations
  • URL / Animating content, Transitioning elements
• attributes, CSS3 transforms
  • URL / Transforming elements
• Autoprefixer
  • URL / Using vendor prefixes – a warning
• autotext function / The benefits of using CSS preprocessors
• average function / Color blending

B

• @basewidth variable / Creating column-based layouts
• basic child theme
  • creating / Creating a basic child theme
• basic page
  • building / Building the basic page
• Bitbucket
  • URL / Building a library of mixins
• bitmap media types
  • orientation / Exploring media features
  • aspect-ratio / Exploring media features
  • device-aspect-ratio / Exploring media features
  • resolution / Exploring media features
• blending modes
  • URL / Comparing Less with Photoshop
• blocks
  • overcoming, to site access / Overcoming blocks on access to a site
• blue function / Channeling colors using Less
• Bootstrap
  • configuring, for site / Configuring Bootstrap for your site
  • Internet Explorer 8, using / Using Internet Explorer 8 or below
  • used, for building realistic site / Building a more realistic site
• Bootstrap's Blog Theme
  • URL / Diagnosing the problem
• Bootstrap's Less file structure
  • dissecting / Dissecting Bootstrap's Less file structure
• Bootstrap's mixins
  • about / Examining Bootstrap's mixins
  • URL / Examining Bootstrap's mixins
  • dissecting / Dissecting Bootstrap's mixins
  • core variables and mixins / Core variables and mixins
  • reset and dependencies / Reset and dependencies
  • core CSS styles / Core CSS styles
  • components / Components
  • utility classes / Utility classes
• Bootstrap's theme mixins
  • dissecting / Dissecting Bootstrap's theme mixins
  • utilities / Dissecting Bootstrap's theme mixins
  • components / Components
  • skins / Skins
  • layout / Layout
• Bootstrap CSS
  • compiling, with JavaScript / Compiling the Bootstrap CSS and JavaScript
• Bootstrap library
  • downloading / Downloading the library
  • URL, for downloading / Downloading the library, Developing a workflow for using Bootstrap
  • URL / Fixing the code
• Bootstrap usage
  • workflow, developing for / Developing a workflow for using Bootstrap
• Bower
  • used, for installing Less / Installing Less using Bower
  • URL / Installing Less using Bower
• Bower package
  • using / Using the Bower package
• Brad Frost
  • URL / Using tools to resize the screen
• browser performance / Improving the animation's performance
• browsers
  • animations, supporting in / Supporting animations in browsers
• bugs
  • reporting, in library / Reporting bugs in the library
• business card
  • creating / Creating a business card
• buttons.less mixin file
  • URL / Customizing our download

C

• calculations
  • moving, to mixin / Moving calculations to a mixin
• CanIUse
  • URL / Supporting animations in browsers
• CDN
  • used, for installing Less client side / Using a CDN
  • URL / Using a CDN
• changes
  • identifying / Identifying the changes to be made
  • making / Making the changes
• child theme
  • features / Creating our own theme
• Chrome
  • Less, debugging in / Debugging the Less code in Chrome
• ClearLess
  • URL / Using external libraries, Using prebuilt mixin libraries
• client criteria
  • setting / Setting client criteria
• Coda
  • about / Choosing an IDE or editor
  • URL / Choosing an IDE or editor
• code
  • reusing, across multiple projects / Reusing code across multiple projects
  • compiling / Compiling the code and viewing results
  • standalone compiler, using / Using a standalone compiler
  • fixing / Fixing the code
  • solution, exploring / Exploring our solution
• code bloat
  • avoiding / Avoiding code bloat
• Codekit
  • URL / Choosing an IDE or editor
  • about / Choosing an IDE or editor
• CodePen
  • URL / Defining color formats, Operating on colors, Color blending
• coding guidelines
  • working to / Working to coding guidelines
• color blending
  • about / Color blending, Color blending
  • Less, comparing with Photoshop / Comparing Less with Photoshop
  • multiply / Color blending
  • screen / Color blending
  • overlay / Color blending
  • softlight / Color blending
  • hardlight / Color blending
  • difference / Color blending
  • exclusion / Color blending
  • average / Color blending
  • negation / Color blending
• color formats
  • defining / Defining color formats, Defining color formats
  • rgb / Defining color formats, Defining color formats
  • hsl / Defining color formats, Defining color formats
  • hsv / Defining color formats, Defining color formats
  • colors, converting from HEX to RGBA / Converting colors from HEX to RGBA
  • rgba / Defining color formats
  • argb / Defining color formats
  • hsla / Defining color formats
• color functions
  • working with / Working with color functions
  • color formats, defining / Defining color formats
  • colors channeling, Less used / Channeling colors using Less
  • colors, operating on / Operating on colors
• color management
  • defining, in Less / Introducing color management in Less
• color palette
  • creating, Less used / Creating a color palette using Less
• color palette examples
  • analyzing / Analyzing color palette examples
• colors
  • variables, creating for / Creating variables for colors
  • converting, from HEX to RGBA / Converting colors from HEX to RGBA
  • channeling, Less used / Channeling colors using Less, Channeling colors using Less
  • alert boxes, creating / Creating alert boxes
  • operating on / Operating on colors, Operating on colors
  • text, making darker / Making text darker or lighter in color
  • text, making lighter / Making text darker or lighter in color
  • selecting / Choosing our colors
  • saturate / Operating on colors
  • desaturate / Operating on colors
  • lighten / Operating on colors
  • darken / Operating on colors
  • fadein / Operating on colors
  • fadeout / Operating on colors
  • fade / Operating on colors
• colors, channeling
  • hue / Channeling colors using Less
  • saturation / Channeling colors using Less
  • lightness / Channeling colors using Less
  • hsvhue / Channeling colors using Less
  • hsvsaturation / Channeling colors using Less
  • hsvvalue / Channeling colors using Less
  • red / Channeling colors using Less
  • green / Channeling colors using Less
  • blue / Channeling colors using Less
  • alpha / Channeling colors using Less
  • luma / Channeling colors using Less
  • luminance / Channeling colors using Less
• color spaces
  • examining / Examining color spaces and formats, Working with arithmetic operators
  • arithmetic operators, working with / Working with arithmetic operators
• column-based layouts
  • creating / Creating column-based layouts
• command-line compiler
  • using / Using the command-line compiler
  • Less files compilation, command line used / Compiling Less files using the command line
• command line
  • compiling from / Compiling from the command line
  • changes, watching to Less files / Watching for changes to Less files
  • compilation support, adding for Less to editor / Compiling Less files directly from text editors
  • compilation support, installing via package / Installing the compilation support via a package
  • used, for compiling Less files / Compiling Less files using the command line
• compilation support
  • adding, for Less to editor / Compiling Less files directly from text editors
  • installing, via package / Installing the compilation support via a package
• compilers, Less
  • URL / Koala
• complex styles
  • simplifying / Simplifying complex styles
• components, Bootstrap's mixins
  • about / Components
  • component-animations.less mixin file / Components
  • dropdowns.less mixin file / Components
  • button-groups.less mixin file / Components
  • input-groups.less mixin file / Components
  • navs.less mixin file / Components
  • navbar.less mixin file / Components
  • forms.less mixin file / Components
  • breadcrumbs.less mixin file / Components
  • pagination.less mixin file / Components
  • pager.less mixin file / Components
  • labels.less mixin file / Components
  • badges.less mixin file / Components
  • jumbotron.less mixin file / Components
  • thumbnails.less mixin file / Components
  • alerts.less mixin file / Components
  • progress-bars.less mixin file / Components
  • media.less mixin file / Components
  • list-group.less mixin file / Components
  • panels.less mixin file / Components
  • wells.less mixin file / Components
  • responsive-embed.less mixin file / Components
  • close.less mixin file / Components
• components, Bootstrap's theme mixins
  • about / Components
  • alerts.less mixin file / Components
  • buttons.less mixin file / Components
  • panels.less mixin file / Components
  • pagination.less mixin file / Components
  • list-group.less mixin file / Components
  • nav-divider.less mixin file / Components
  • forms.less mixin file / Components
  • progress-bar.less mixin file / Components
  • table-row.less mixin file / Components
• conditions
  • applying, to mixins / Applying conditions to mixins
• confirmation dialog
  • URL / Creating alert boxes
• content
  • animating / Animating content
• core CSS styles, Bootstrap's mixins
  • scaffolding.less mixin file / Core CSS styles
  • type.less mixin file / Core CSS styles
  • code.less mixin file / Core CSS styles
  • grid.less mixin file / Core CSS styles
  • tables.less mixin file / Core CSS styles
  • forms.less mixin file / Core CSS styles
  • buttons.less mixin file / Core CSS styles
• CPU performance / Improving the animation's performance
• Creative Bloq
  • URL / Ditching old habits
• Crunch!
  • URL / Compiling Less files with a standalone compiler, Installing Crunch!
  • installing / Installing Crunch!
• CSS
  • about / The role of HTML and CSS, Introducing the CSS
  • limitations / The limitations of using CSS, The limitations of CSS
  • writing / Why not just write normal CSS?
  • compressing / Compressing CSS automatically for faster websites
  • patterns, identifying in / Identifying patterns in your CSS
  • using / Using CSS or JavaScript
• CSS3 mixins
  • using / Using the CSS3 mixins
• CSS3 Please
  • URL / Other useful tools
  • about / Other useful tools
• CSS4
  • URL / Supporting future CSS standards within Less
• CSS4 standards
  • supporting / Supporting CSS4 standards within Less
• CSS animation
  • working / How a CSS animation works
  • hardware acceleration, forcing for / Forcing hardware acceleration for a CSS animation
• CSS Effects
  • URL / Using prebuilt mixin libraries
• CSS Hat
  • URL / Ditching old habits
• CSSLint.com
  • URL / Debugging Less in browsers
• css option / Importing style sheets into Less
• Cssowl
  • URL / Using prebuilt mixin libraries
• CSS preprocessors
  • benefits / The benefits of using CSS preprocessors
  • normal CSS, writing / Why not just write normal CSS?
• CSS Selectors
  • URL / Supporting CSS4 standards within Less
• CSS standards
  • supporting / Supporting future CSS standards within Less

D

• darken function / Operating on colors, Operating on colors
• Data-uri
  • about / Working with the data-uri function
• data-uri function
  • working with / Working with the data-uri function
  • using / Using the data-uri function – some words of caution
• desaturate function / Operating on colors
• development process, Less
  • about / Getting prepared
  • Node.js / Getting prepared
  • Grunt / Getting prepared
• device-pixel-ratio
  • URL / Incorporating retina support for images
• difference function / Color blending
• different weights
  • handling / Handling different weights
• div tag
  • about / Extending existing styles in Less
• documentation repository
  • URL / Locating the Less repositories
• download
  • customizing / Customizing our download
  • values, modifying / Changing the values in our download

E

• editor
  • selecting / Choosing an IDE or editor
  • Sublime Text / Choosing an IDE or editor
  • Notepad++ / Choosing an IDE or editor
  • Coda / Choosing an IDE or editor
  • Codekit / Choosing an IDE or editor
  • Sublime Text 2, installing / Installing Sublime Text 2
  • Less syntax support, adding / Adding Less syntax support
• editors
  • URL / Choosing an IDE or editor
• Effeckt.css
  • URL / Libraries using Less
• elements
  • transitioning / Transitioning elements
  • transforming / Transforming elements
• em value
  • about / Moving with the times
• environment
  • preparing / Preparing our environment
• EOT, font format
  • about / Embedding the font into our demo
• Eric
  • URL / Working with @media in Less
• error dialog
  • URL / Creating alert boxes
• Etch
  • URL / Analyzing color palette examples
• example
  • working through / Working through a practical example
• example, media queries
  • creating / Creating a simple example
• examples, contrast levels
  • URL / Introducing WCAG
• exclusion function / Color blending
• expand attribute / Watching for changes to Less files
• extend
  • used, for overriding styles / Inheriting and overriding styles with extend
  • used, for inheriting styles / Inheriting and overriding styles with extend
  • URL / Inheriting and overriding styles with extend
  • used, for creating information alerts / Using extend to create information alerts
  • all keyword, using / Extending using the all keyword
• extend keyword
  • highlights / Extending using the all keyword
• external libraries
  • using / Using external libraries

F

• @font-face
  • catering for / Using @font-face with Less
  • font files, downloading / Downloading the font files
  • font, embedding into demo / Embedding the font into our demo
• factors, animation performance
  • browser performance / Improving the animation's performance
  • GPU performance / Improving the animation's performance
  • CPU performance / Improving the animation's performance
  • number of other tabs/windows opened, in browser / Improving the animation's performance
  • use of gradients or box-shadow properties, in CSS code / Improving the animation's performance
• fade function / Operating on colors, Operating on colors
• fadein function / Operating on colors
• fadeout function / Operating on colors
• feature requests
  • submitting / Submitting feature requests
• features, media types
  • all / Defining media types
  • braille / Defining media types
  • embossed / Defining media types
  • handheld / Defining media types
  • print / Defining media types
  • projection / Defining media types
  • screen / Defining media types
  • speech / Defining media types
  • tty / Defining media types
  • tv / Defining media types
• finished article
  • viewing / Viewing the finished article
• Firebug
  • URL / Debugging the Less code using Firefox
• Firefox
  • used, for debugging Less / Debugging the Less code using Firefox
• FireLESS
  • URL / Debugging the Less code using Firefox
• font
  • embedding, into demo / Embedding the font into our demo
• font files
  • downloading / Downloading the font files
• fonts
  • variables, creating for / Creating variables for fonts
  • handling, prebuilt library used / Using a prebuilt library to handle fonts
• Font Squirrel site
  • URL / Downloading the font files
• formats
  • examining / Examining color spaces and formats, Working with arithmetic operators
• foundation page
  • creating / Creating the foundation page
• frameworks
  • using / Discovering what's wrong with using frameworks
• functions
  • mixins, creating as / Creating mixins as functions
  • about / Introducing functions
  • column-based layouts, creating / Creating column-based layouts
  • calculations, moving to mixin / Moving calculations to a mixin
  • data-uri function, working with / Working with the data-uri function
  • URL / Channeling colors using Less

G

• Git
  • GUIs, using with / Using GUIs with Git
• GitHub
  • URL / Watching for changes to Less files, Building a library of mixins, Finding and reporting issues in Less
• GitHub, for Windows
  • URL / Using GUIs with Git
• GitHub repositories
  • links / Locating the Less repositories
• good animation
  • creating / Creating a good animation
• Google Code
  • URL / Building a library of mixins
• GPU performance / Improving the animation's performance
• gradients
  • URL / Comparing Less with Photoshop
• green function / Channeling colors using Less
• Grunt
  • using, in WordPress development / Using Grunt in WordPress development
  • URL / Getting prepared
  • about / Getting prepared
• GUIs
  • used, with Git / Using GUIs with Git

H

• hardlight function / Color blending
• hardware acceleration
  • forcing, for CSS animation / Forcing hardware acceleration for a CSS animation
• Hex Color tool
  • URL / Customizing our download
• HEX to RGBA
  • colors, converting from / Converting colors from HEX to RGBA
• Holder
  • URL, for downloading / Building a more realistic site
• hsla function / Defining color formats
• hsl function / Defining color formats
• HSV (Hue, Saturation, and Value) / Examining color spaces and formats
• hsv function / Defining color formats
• hsvhue function / Channeling colors using Less
• hsvsaturation function / Channeling colors using Less
• hsvvalue function / Channeling colors using Less
• HTML
  • about / The role of HTML and CSS
• HTML code / Keeping HTML code clean
• Hue, Saturation, Lightness (HSL) / Examining color spaces and formats
• hue function / Channeling colors using Less, Channeling colors using Less

I

• !important attribute
  • URL / Using the !important keyword
• !important keyword
  • using / Using the !important keyword
• IDE
  • selecting / Choosing an IDE or editor
• IE compatibility
  • reference link / Building a more realistic site
• images
  • importing, into style sheets / Importing images into style sheets – a bonus
  • retina support, incorporating for / Incorporating retina support for images
• image sprites
  • URL / Working with the data-uri function
• information alerts
  • creating, with styles / Using extend to create information alerts
• initial framework
  • creating / Creating the initial framework
  • Less, mixing with plain CSS / Mixing Less with plain CSS
• initial jump
  • preparing for / Preparing for the initial jump
• inline option / Importing style sheets into Less
• Internet Explorer (IE) / Installing WampServer
• Internet Explorer 8
  • using / Using Internet Explorer 8 or below
• issues
  • reporting, in Less / Finding and reporting issues in Less
  • finding, in Less / Finding and reporting issues in Less
• issues, Less documentation
  • URL / Locating the Less repositories
• issues, log
  • URL / Locating the Less repositories

J

• JavaScript
  • Bootstrap CSS, compiling with / Compiling the Bootstrap CSS and JavaScript
  • using / Using CSS or JavaScript
• Jimmy King
  • URL / Creating a color palette using Less
• Jumbotron example / Keeping HTML code clean

K

• .keyframes mixin
  • about / Simplifying the animation markup with Less
• Koala
  • URL / Compiling Less files with a standalone compiler, Koala
  • about / Koala
• Kuler
  • URL / Introducing palettes, Using a photo as our source

L

• 3L
  • URL / Using external libraries, Using prebuilt mixin libraries
• layout, Bootstrap's theme mixins
  • about / Layout
  • clearfix.less mixin file / Layout
  • center-block.less mixin file / Layout
  • nav-vertical-align.less mixin file / Layout
  • grid-framework.less mixin file / Layout
  • grid.less mixin file / Layout
• Less
  • about / Introducing Less as a solution
  • using / Why you should use Less
  • compilation support, adding for / Compiling Less files directly from text editors
  • debugging, in browsers / Debugging Less in browsers
  • debugging, Firefox used / Debugging the Less code using Firefox
  • debugging, in Chrome / Debugging the Less code in Chrome
  • WampServer, installing / Installing WampServer
  • downloading / Downloading and installing Less
  • installing / Downloading and installing Less
  • installing, Node used / Installing Less using Node
  • installing, Bower used / Installing Less using Bower
  • styles, nesting in / Nesting styles in Less
  • styles, extending in / Extending existing styles in Less
  • variables, discovering in / Discovering variables in Less
  • styles, nesting / Nesting styles in Less
  • URL / Extending using the all keyword, Importing style sheets into Less, Using a prebuilt Less theme, Defining color formats, Channeling colors using Less, Operating on colors
  • namespacing / Namespacing in Less
  • variables, lazy loading / Lazy loading of variables in Less
  • style sheets, importing into / Importing style sheets into Less
  • mixing, with plain CSS / Mixing Less with plain CSS
  • used, for creating special effects / Creating special effects using Less
  • color management, defining in / Introducing color management in Less
  • used, for channeling colors / Channeling colors using Less, Channeling colors using Less
  • comparing, with Photoshop / Comparing Less with Photoshop
  • used, for creating color palette / Creating a color palette using Less
  • animation markup, simplifying with / Simplifying the animation markup with Less
  • issues, finding / Finding and reporting issues in Less
  • issues, reporting / Finding and reporting issues in Less
• Less-based libraries
  • about / Libraries using Less
  • LESS Prefixer / Libraries using Less
  • More-or-less / Libraries using Less
  • Animate.less / Libraries using Less
  • LESS Hat / Libraries using Less
  • LESS easing / Libraries using Less
  • LESS Elements / Libraries using Less
  • other libraries, converting from / Converting from other libraries
  • vendor prefixes, using / Using vendor prefixes – a warning
• Less2CSS
  • URL / Other useful tools
  • about / Other useful tools
• lessc-bash
  • URL / Watching for changes in Watch mode
• Less client side
  • installing / Installing Less on the client side
  • installing, CDN used / Using a CDN
  • using, disadvantages / The dangers of using Less on the client side
• Less Core, guidelines
  • about / Finding and reporting issues in Less
  • existing issues, searching / Finding and reporting issues in Less
  • isolated test case, creating / Finding and reporting issues in Less
  • reproducible test case, creating / Finding and reporting issues in Less
  • latest version, testing with / Finding and reporting issues in Less
  • live example, including / Finding and reporting issues in Less
  • information, sharing / Finding and reporting issues in Less
• Less documentation
  • contributing to / Contributing to the Less documentation
  • URL / Contributing to the Less documentation, Installing the documentation locally
  • installing locally / Installing the documentation locally
• LESS easing, Bootstrap
  • URL / Libraries using Less
• LESS Elements
  • URL / Using external libraries, Using prebuilt mixin libraries, Taking effects further
• Less file
  • examining / Examining the Less file
• Less files
  • compiling, with standalone compiler / Compiling Less files with a standalone compiler
  • changes, watching to / Watching for changes to Less files
  • compiling, command line used / Compiling Less files using the command line
• LESS Hat
  • URL / Using prebuilt mixin libraries, Libraries using Less
• LESS Hat 2
  • URL / Using external libraries
• LESS Hat library
  • URL / Using the CSS3 mixins
• Less Lint Grunt plugin
  • URL / Testing your submissions
• less monitor
  • URL / Watching for changes to Less files
• less option / Importing style sheets into Less
• LESS Prefixer
  • URL / Libraries using Less
• Less repositories
  • locating / Locating the Less repositories
• Less schematic diagram
  • URL / Contributing to the Less documentation
• Less server side
  • installing / Installing Less on the server side
  • installing, Node used / Installing Less using Node
  • installing, Bower used / Installing Less using Bower
• Less site
  • URL / Creating Polaroid images
• Less source
  • contributing to / Contributing to the Less source
  • process, developing / Getting prepared
  • feature requests, submitting / Submitting feature requests
  • pull requests, creating / Creating pull requests
  • submissions, testing / Testing your submissions
• Less style sheets
  • displaying, to specific users / Showing Less style sheets to specific users
• Less support
  • adding, in WordPress / Adding support for Less in WordPress
  • adding, with plugin / Adding Less support using a plugin
• Less syntax support
  • adding / Adding Less syntax support
• Less themes, WordPress
  • working with / Working with Less themes in WordPress
  • converting, for Less usage / Converting themes to use Less
  • creating / Creating our own theme, Taking construction further
  • child theme, using / Creating our own theme
  • prebuilt Less theme, using / Using a prebuilt Less theme
• less watch
  • URL / Watching for changes to Less files
• less watcher
  • URL / Watching for changes to Less files
• libraries
  • Less used / Libraries using Less
• library
  • building, of mixins / Building a library of mixins
  • bugs, reporting / Reporting bugs in the library
• lighten function / Operating on colors, Operating on colors
• lightness function / Channeling colors using Less, Channeling colors using Less
• Live.js
  • about / Other useful tools
  • URL / Other useful tools
• logical operators
  • using / Using logical operators
  • and / Using logical operators
  • comma / Using logical operators
  • not / Using logical operators
  • only / Using logical operators
• Lorem Ipsum generator
  • about / Working with @media in Less
  • URL / Working with @media in Less
• low-hanging fruits
  • spotting / Spotting low-hanging fruit
• luma function / Channeling colors using Less
• luminance function / Channeling colors using Less

M

• @mainwidth variable / Creating column-based layouts
• @media, Less
  • working with / Working with @media in Less
  • media query, creating / Creating a basic media query
  • Less file, examining / Examining the Less file
• Magic CSS
  • URL / Libraries using Less
• main repository, of interest
  • URL / Locating the Less repositories
• MAMP
  • URL / Installing WampServer, Incorporating retina support for images, Preparing our environment
• media-query-to-type
  • URL / Using prebuilt libraries
• media.html file
  • about / Working with @media in Less
• media features
  • exploring / Exploring media features
  • logical operators, using / Using logical operators
• Media queries
  • creating / Creating media queries and animation the simple way
• media queries
  • about / Introducing media queries
  • URL / Introducing media queries
  • exploring / Exploring media queries
  • media types, defining / Defining media types
  • designing / Designing media queries
  • simple example, creating / Creating a simple example
• media query
  • creating / Creating a basic media query
• media types
  • defining / Defining media types
• mixin
  • calculations, moving to / Moving calculations to a mixin
• mixins
  • about / Reusing code across multiple projects
  • creating / Creating mixins
  • exploring / Exploring mixins
  • adding / Adding basic mixins
  • original mixin, hiding / Hiding the original mixin
  • !important keyword, using / Using the !important keyword
  • creating, as functions / Creating mixins as functions
  • incorporating / Incorporating our own mixins
• mockups creation
  • emitting / Ditching old habits
• Modernizr
  • about / The limitations of CSS
  • URL / Using prebuilt libraries
• Modern Pictograms font family
  • URL / Nesting styles in Less
• modifyVars method / Changing variables programmatically
• More-or-less
  • URL / Libraries using Less
• multiple option / Importing style sheets into Less
• multiple parameters
  • passing / Passing multiple parameters
• multiply function / Color blending, Color blending
• multiply mode
  • about / Comparing Less with Photoshop

N

• namespacing, Less / Namespacing in Less
• negation function / Color blending
• nested metalanguage
  • about / Introducing Less as a solution
  • URL / Introducing Less as a solution
• nesting usage
  • switching to / Switching to using nesting
• Node
  • used, for installing Less / Installing Less using Node
• Node.js
  • URL / Compiling from the command line, Getting prepared
  • installing / Compiling from the command line
  • about / Getting prepared
• Node Package Manager
  • URL / Watching for changes to Less files
• normalize.css project
  • URL / Reset and dependencies
• Notepad++
  • URL / Choosing an IDE or editor
  • about / Choosing an IDE or editor

O

• Oban
  • URL / Using prebuilt mixin libraries
• observr
  • URL / Watching for changes in Watch mode
• Office Client Male Light Icon
  • URL / Nesting styles in Less
• once option / Importing style sheets into Less
• Opera Mobile Emulator
  • URL / Using tools to resize the screen
• original mixin
  • hiding / Hiding the original mixin
• other libraries
  • converting from / Converting from other libraries
• overlay function / Color blending, Color blending
• overlay mode
  • about / Comparing Less with Photoshop

P

• package
  • compilation support, installing via / Installing the compilation support via a package
• Package Control website
  • URL / Adding Less syntax support
• palettes
  • about / Introducing palettes
  • creating / Introducing palettes
  • color palette examples, analyzing / Analyzing color palette examples
  • colors, selecting / Choosing our colors
  • photo, using as source / Using a photo as our source
  • color palette creating, Less used / Creating a color palette using Less
  • mockups creation, emitting / Ditching old habits
  • W3C standard, working with / Working with W3C and WCAG standards
  • WCAG standard, working with / Working with W3C and WCAG standards
  • blocks, overcoming to site access / Overcoming blocks on access to a site
  • WCAG / Introducing WCAG
  • site, using / Making a site useable
• parametric mixins
  • developing / Developing parametric mixins
  • multiple parameters, passing / Passing multiple parameters
  • conditions, applying / Applying conditions to mixins
  • special keywords, using / Using special keywords
• patterns
  • identifying, in CSS / Identifying patterns in your CSS
• performance, animation
  • improving / Improving the animation's performance
  • hardware acceleration, forcing for CSS animation / Forcing hardware acceleration for a CSS animation
• photo
  • used, as source / Using a photo as our source
• Photoshop
  • Less, comparing with / Comparing Less with Photoshop
• plain CSS
  • Less, mixing with / Mixing Less with plain CSS
• plugin, Autoprefixer
  • URL / Using vendor prefixes – a warning
• Polaroid effect
  • URL / Creating Polaroid images
• Polaroid images
  • creating / Creating Polaroid images
• Preboot
  • URL / Using prebuilt mixin libraries
• prebuilt Less theme
  • using / Using a prebuilt Less theme
• prebuilt libraries
  • using / Using prebuilt libraries
• prebuilt library
  • used, for handling fonts / Using a prebuilt library to handle fonts
• prebuilt mixin libraries
  • using / Using prebuilt mixin libraries
• Prefixr
  • URL / Other useful tools
  • about / Other useful tools
• problem
  • diagnosing / Diagnosing the problem
• problem, diagnosing
  • HTML code / Keeping HTML code clean
  • Jumbotron example / Keeping HTML code clean
• pull requests
  • creating / Creating pull requests
  • GUIs, using with Git / Using GUIs with Git

R

• red, green, and blue (RGB) / Examining color spaces and formats
• red function / Channeling colors using Less
• redundancy
  • reducing, with variables / Reducing redundancy with variables
• reference option / Importing style sheets into Less
• reports, bugs
  • guidelines / Reporting bugs in the library
• Respond.js
  • URL / Using prebuilt libraries
• responsive images
  • adding / Adding responsive images
• responsive pages
  • building / Building responsive pages
• responsive queries
  • adding / Adding responsive queries
• results
  • viewing / Compiling the code and viewing results
• retina.js
  • URL / Adding responsive images
• retina support
  • incorporating, for images / Incorporating retina support for images
• reusable blocks of code
  • creating / Creating reusable blocks of code
• rgba function / Defining color formats
• rgb function / Defining color formats

S

• saturate function / Operating on colors
• saturation function / Channeling colors using Less, Channeling colors using Less
• scan
  • about / Exploring media features
• scope
  • setting / Loading variables and setting the scope
• screen
  • resizing, tools used to / Using tools to resize the screen
• screen function / Color blending, Color blending
• screen mode
  • about / Comparing Less with Photoshop
• Selectors
  • URL / Supporting CSS4 standards within Less
• simple font mixins
  • creating / Creating simple font mixins
  • extending / Extending the mixin
• SimpLESS
  • URL / Compiling Less files with a standalone compiler, SimpLESS
  • about / SimpLESS
• site
  • using / Making a site useable
• sizes
  • calculating, variables used / Using variables to calculate sizes, Moving with the times
• skins, Bootstrap's theme mixins
  • about / Skins
  • background-variant.less mixin file / Skins
  • border-radius.less mixin file / Skins
  • gradients.less mixin file / Skins
• softlight function / Color blending
• solution
  • exploring / Exploring our solution
• Spare
  • URL / Using a prebuilt Less theme
• special effects
  • creating, Less used / Creating special effects using Less
• special keywords
  • using / Using special keywords
• spin function
  • URL / Creating a color palette using Less
• SpritePad
  • about / Other useful tools
  • URL / Other useful tools
• Stack Overflow
  • URL / Making a site useable, Finding and reporting issues in Less
• standalone compiler
  • Less files, compiling with / Compiling Less files with a standalone compiler
  • WinLess / WinLess
  • SimpLESS / SimpLESS
  • Koala / Koala
  • Crunch!, installing / Installing Crunch!
  • using / Using a standalone compiler
• Starter
  • URL / Using a prebuilt Less theme
• strict math option
  • URL / Calculating values using operations
• styles
  • nesting, in Less / Nesting styles in Less
  • extending, in Less / Extending existing styles in Less
  • inheriting, with extend / Inheriting and overriding styles with extend
  • overriding, with extend / Inheriting and overriding styles with extend
• styles, nesting in Less
  • about / Nesting styles in Less
  • business card, creating / Creating a business card
  • process, examining / Examining the process in detail
• style sheets
  • importing, into Less / Importing style sheets into Less
  • images, importing into / Importing images into style sheets – a bonus
• Sublime Text
  • URL / Choosing an IDE or editor, Creating the foundation page
  • about / Choosing an IDE or editor
• Sublime Text, Version 3
  • URL / Installing Sublime Text 2
• Sublime Text 2
  • installing / Installing Sublime Text 2
  • URL / Installing Sublime Text 2
• submissions
  • testing / Testing your submissions
• SVG, font format
  • about / Embedding the font into our demo
• syntax, Less
  • about / Exploring the syntax used by Less
  • variables, working / Working with variables
  • variables, changing / Changing variables programmatically
  • mixins, creating / Creating mixins
  • styles, nesting / Nesting styles in Less
  • values calculation, operations used / Calculating values using operations
  • styles, extending / Extending existing styles in Less
• syntax, variables
  • about / Understanding the syntax of variables

T

• text darker
  • making, in color / Making text darker or lighter in color
• text lighter
  • making, in color / Making text darker or lighter in color
• times
  • moving with / Moving with the times
• tools
  • used, for resizing screen / Using tools to resize the screen
  • responsive pages, building / Building responsive pages
  • basic page, building / Building the basic page
  • responsive queries, adding / Adding responsive queries
  • responsive images, adding / Adding responsive images
  • retina support, incorporating for images / Incorporating retina support for images
• tools, Less
  • about / Other useful tools
  • Adobe Kuler / Other useful tools
  • Live.js / Other useful tools
  • CSS3 Please / Other useful tools
  • SpritePad / Other useful tools
  • Prefixr / Other useful tools
  • WinLess Online / Other useful tools
  • Less2CSS / Other useful tools
• transitions
  • and animations, differences / How a CSS animation works
• translate() / Transforming elements
• Trüf
  • URL / Analyzing color palette examples
• TTF, font format
  • about / Embedding the font into our demo

U

• utilities, Bootstrap's theme mixins
  • about / Utilities
  • hide-text.less mixin file / Utilities
  • opacity.less mixin file / Utilities
  • image.less mixin file / Utilities
  • labels.less mixin file / Utilities
  • reset-filter.less mixin file / Utilities
  • resize.less mixin file / Utilities
  • responsive-visibility.less mixin file / Utilities
  • size.less mixin file / Utilities
  • tab-focus.less mixin file / Utilities
  • text-emphasis.less mixin file / Utilities
  • text-overflow.less mixin file / Utilities
• utility classes, Bootstrap's mixins
  • about / Utility classes

V

• validation / The role of HTML and CSS
• values
  • generating / Generating values automatically
  • calculating, operations used / Calculating values using operations
• variables
  • redundancy, reducing with / Reducing redundancy with variables
  • syntax / Understanding the syntax of variables
  • reusable blocks of code, creating / Creating reusable blocks of code
  • working with / Working with variables
  • changing / Changing variables programmatically
  • discovering, in Less / Discovering variables in Less
  • lazy loading, in Less / Lazy loading of variables in Less
  • creating, for fonts / Creating variables for fonts
  • creating, for colors / Creating variables for colors
  • used, for calculating sizes / Using variables to calculate sizes, Moving with the times
• variables, Less
  • Polaroid images, creating / Creating Polaroid images
  • loading / Loading variables and setting the scope
  • scope, setting / Loading variables and setting the scope
• variables.less
  • URL / Examining Bootstrap's mixins
• vendor prefixes
  • about / Forgetting about vendor prefixes
  • using / Using vendor prefixes – a warning
• ViewPort Resizer
  • URL / Using tools to resize the screen
• viewport tag
  • reference link / Building a more realistic site
• visual and tactile media
  • width / Exploring media features
  • height / Exploring media features
  • device-width / Exploring media features
  • device-height / Exploring media features
  • color / Exploring media features
  • color-index / Exploring media features
  • monochrome / Exploring media features
  • grid / Exploring media features

W

• W3C CSS Validator
  • URL / Preparing for the initial jump
• W3C standard
  • working with / Working with W3C and WCAG standards
• WAMP
  • URL / Incorporating retina support for images, Preparing our environment
• WampServer
  • URL / Installing WampServer
  • installing / Installing WampServer
• warning dialog
  • URL / Creating alert boxes
• Watch mode
  • about / Watching for changes to Less files, Watching for changes in Watch mode
• WCAG
  • about / Introducing WCAG
  • URL / Introducing WCAG
  • key factors / Introducing WCAG
• WCAG standard
  • working with / Working with W3C and WCAG standards
• web form
  • creating / Creating a web form
• Whiteboard
  • URL / Using a prebuilt Less theme
• WinLess
  • URL / Compiling Less files with a standalone compiler
  • about / WinLess
• WinLess Online
  • about / Other useful tools
  • URL / Other useful tools
• WOFF, font format
  • about / Embedding the font into our demo
• WordPress
  • URL / Preparing our environment
  • Less support, adding / Adding support for Less in WordPress
  • Less themes, working with / Working with Less themes in WordPress
• WordPress Codex
  • URL / Adding Less support using a plugin
• WordPress development
  • automating / Automating WordPress development
  • Grunt, using / Using Grunt in WordPress development
• WordPress Plugin Directory
  • URL / Adding Less support using a plugin
• workflow
  • developing, for Bootstrap usage / Developing a workflow for using Bootstrap
• WP theme structure
  • about / Introducing the WP theme structure