Index
A
- adaptive web design
- about / Responsive web design and adaptive web design
- CSS files importing, media queries used / Importing CSS files using media queries
- other CSS, importing / Importing other CSS from our main CSS
- media queries, using as conditions / Using media queries as conditionals in our main CSS
- add-ons
- about / Web browsers and add-ons
- FireStorage / Mozilla Firefox
- HTML5toggle / Mozilla Firefox
- Adobe Dreamweaver CS6
- about / Adobe Dreamweaver CS6
- AJAX / AJAX ain't just a cleaning product
- alt attribute / Applying CSS3 selectors
- anatomy, Web Worker
- about / Anatomy of a Web Worker
- dedicated Web Worker / Anatomy of a Web Worker
- shared Web Worker / Anatomy of a Web Worker
- animate3DChart method / Finishing up
- animation property / Choosing between transitions and animations
- animations
- Apache / Apache
- Apache Tomcat / Apache Tomcat
- Aptana Studio 3
- about / Aptana Studio 3
- async attribute / JavaScript engine
- audio player
- implementing / Implementing an audio player
- custom controller / Custom controllers
- authenticating
- user not logged in / User not logged and/or application not authorized
- user logged in / User logged in
- styles, adding / Adding some styles
- authenticating process
- about / Authenticating
B
- background-color attribute / Applying CSS3 selectors
- basic styling
- about / General styling
- BlueGriffon 1.5.2
- about / BlueGriffon 1.5.2
- border-collapse*collapse / Shorthand
- Browser Mode / Internet Explorer
- browsers
- about / Browsers
- rendering engine / Rendering engine
- JavaScript engine / JavaScript engine
- BrowserStack / Browser testing
- browser testing
- about / Browser testing
- continuous integration / Continuous integration
C
- -checked / Applying CSS3 selectors
- canvas context / Everything depends on the context
- CDN / Server-side considerations
- Charles / Charles
- charts
- about / Charting
- code, preparing / Preparing our code
- checkValidity function / Adding JavaScript interactions
- checkValidity method / Adding JavaScript interactions
- Chrome Frame / Finishing up
- Cloud9
- about / Cloud9
- color setting, MovieNow
- red, green, blue / Red, green, and blue
- Red, green, blue, and alpha / Red, green, blue, and alpha
- HSL / Hue, saturation, and lightness
- HSL and alpha / Hue, saturation, lightness, and alpha
- Colorzilla Gradient Generator / Adding gradients
- compatibility
- defining / The real meaning of compatibility
- importance / Importance of compatibility
- Console tab / JavaScript profiling, Profilers
- context.arcTo() method / Drawing complex shapes
- context.beginPath() method / Drawing complex shapes
- context.bezierCurveTo() method / Drawing complex shapes
- context.clearRect() method / Drawing simple shapes
- context.closePath() method / Drawing complex shapes
- context.fill() method / Drawing complex shapes
- context.fillRect() method / Drawing simple shapes
- context.fillStyle(value) method / Styles
- context.fillText() method / Font styles
- context.font(value) method / Font styles
- context.isPointInPath() method / Drawing complex shapes
- context.lineCap(value) method / Styles
- context.lineJoin(value) method / Styles
- context.lineTo() method / Drawing complex shapes
- context.lineWidth(value) method / Styles
- context.moveTo()method / Drawing complex shapes
- context.quadraticCurveTo() method / Drawing complex shapes
- context.rect() method / Drawing complex shapes
- context.stroke() method / Drawing complex shapes
- context.strokeRect() method / Drawing simple shapes
- context.strokeStyle(value) method / Styles
- context.strokeText() method / Font styles
- CrossBrowserTesting / Browser testing
- CSS
- playing with / Playing with HTML and CSS
- optimizing / Optimizing CSS
- CSS3 Pie / Back to the browsers' babel tower, Adding rounded corners
- CSS3 resets
- about / CSS3 resets
- individual sides / Individual sides
- shorthand / Shorthand
- CSS3 selectors
- applying / Applying CSS3 selectors
- *first-of-type / Applying CSS3 selectors
- *last-of-type / Applying CSS3 selectors
- *only-of-type / Applying CSS3 selectors
- *only-child / Applying CSS3 selectors
- *nth-child(n) / Applying CSS3 selectors
- *nth-last-child(n) / Applying CSS3 selectors
- *nth-of-type(n) / Applying CSS3 selectors
- *nth-last-of-type(n) / Applying CSS3 selectors
- *last-child / Applying CSS3 selectors
- *root / Applying CSS3 selectors
- *empty / Applying CSS3 selectors
- *target / Applying CSS3 selectors
- *not(selector) / Applying CSS3 selectors
- *enabled / Applying CSS3 selectors
- *disabled / Applying CSS3 selectors
- *checked / Applying CSS3 selectors
- element1~element2 / Applying CSS3 selectors
- [attribute^=value] / Applying CSS3 selectors
- [attribute$=value] / Applying CSS3 selectors
- [attribute*=value] / Applying CSS3 selectors
- CSS properties
- prefix / Back to the browsers' babel tower
- syntax / Back to the browsers' babel tower
- Curved Corner / Adding rounded corners
- custom controller, audio player
- about / Custom controllers
- styling / Styling
- custom controls
- about / Custom controls
- play-button / Custom controls
- seek / Custom controls
- fullscreen-button / Custom controls
- volume-container / Custom controls
- volume-slider / Custom controls
- timer / Custom controls
- styling / Styling
- image sprites, styling / Buttons and image sprites
- buttons, styling / Buttons and image sprites
- volume bars, styling / Styling seek and volume bars
- seek, styling / Styling seek and volume bars
- features, detecting / Features detection
- sliders, styling / Styling sliders
- interactions adding, JavaScript used / Adding interactions using JavaScript
D
- -disabled / Applying CSS3 selectors
- 2D context
- chart design / 2D context
- about / 2D context
- canvas methods / An overview of the Canvas 2D Drawing API
- canvas styling methods / Styles
- canvas font styling methods / Font styles
- shape drawing, methods / Drawing simple shapes
- complex shapes drawing, methods / Drawing complex shapes
- drawing charts / Drawing charts
- 3D context
- about / 3D context – WebGL and experimental WebGL
- WebGL specification / Entering a tridimensional world
- Three.js / Three.js
- material / Material
- textures / Texture
- mesh / Mesh
- geometry / Geometry
- geometries, animating / Animating our geometries, Finishing up
- window.requestAnimFrame method, creating / Finishing up
- animate3DChart method / Finishing up
- dataTransfer property / Transferring some data
- DebugBar / Which tools to use
- debugging
- tools / Which tools to use
- browsers tools / Which tools to use
- Developer Tools | Opera Dragonfly / Opera
- disabled property / Applying CSS3 selectors
- displayShowtimes method / Adding showtimes
- Document Mode / Internet Explorer
- DOMContentLoaded event / JavaScript engine
- drag
- about / What a drag
- handling, JavaScript used / Handling drag with JavaScript
- dragend event / Handling drag with JavaScript
- dragenter event / Handling drag with JavaScript
- drag events
- dragstart / Handling drag with JavaScript
- drag / Handling drag with JavaScript
- dragend / Handling drag with JavaScript
- dragenter / Handling drag with JavaScript
- dragover / Handling drag with JavaScript
- dragleave / Handling drag with JavaScript
- drop / Handling drag with JavaScript
- dragleave event / Handling drag with JavaScript
- dragover event / Handling drag with JavaScript
- dragstart event / Transferring some data
- dragstart event / Handling drag with JavaScript
- drawBarChart method / Preparing our code
- drop event / Transferring some data
- drop zone
- toggling / Toggling the drop zone
- dynaTrace / Which tools to use
E
- -empty / Applying CSS3 selectors
- -enabled / Applying CSS3 selectors
- Eclipse engine / Aptana Studio 3
- editors
- choosing / Choosing editors and IDEs
- element1~element2 / Applying CSS3 selectors
- elements
- dropping / Drop it
- drop zone, toggling / Toggling the drop zone
- data, transferring / Transferring some data
- errorCallback function / A simple request
- event listener
- updating / Updating the event listener
- eXo
- about / eXo
- Explorer Canvas
- about / Explorer Canvas
- using / Explorer Canvas
F
- -first-of-type / Applying CSS3 selectors
- favico
- about / Favicons and icons
- creating / Favicons and icons
- feature detection / Modernizr
- Fiddler / Fiddler
- Find Movies button / Getting location
- Firebug / Mozilla Firefox
- Firebug plugin / Which tools to use
- FireStorage / Mozilla Firefox
- formatTime method / Styling showtimes
- framework, unit testing
- JsTestDriver / JsTestDriver
- QUnit / QUnit
- Sinon.JS / Sinon.JS
- Jasmine / Jasmine
- functional testing
- about / Functional testing
- setting up / Functional testing
- standalone server / The Selenium standalone server
- php-webdriver connector / The php-webdriver connector from Facebook
- PHPUnit / PHPUnit
G
- GENERATE! button / Modernizr
- geocodes
- capturing / Capturing geocodes
- geolocation API
- about / The API
- PositionOptions function, attributes / The API
- successCallback function, properties / The API
- request / A simple request
- getChartColor method / Drawing charts
- getCurrentPosition() method / The API
- getTweetsByTheater method / Using Web Workers to get nearby tweets
- Google Chrome
- about / Google Chrome
- channels / Google Chrome
- Google Speed / Load times
- graceful degradation / Before starting app development
H
- H.264 / JavaScript engine
- HEVC / Introducing HTML5 video
- hideTweetArea method / Adding JavaScript interactions
- HLS / Introducing HTML5 video
- HTML
- playing with / Playing with HTML and CSS
- HTML5 audio
- about / Introducing HTML5 audio
- support / Introducing HTML5 audio
- HTML5 Boilerplate
- about / HTML5 Boilerplate
- downloading / HTML5 Boilerplate
- HTML5 Shim
- about / HTML5 Shiv
- HTML5 Shiv
- about / HTML5 Shiv
- installing / HTML5 Shiv, Modernizr
- HTML5 video
- about / Introducing HTML5 video
- browser supports / Introducing HTML5 video
- HTML5toggle / Mozilla Firefox
- HTML tab / Playing with HTML and CSS
- HTTP proxies
- about / HTTP proxies
- Charles / Charles
- Fiddler / Fiddler
I
- ico file / Favicons and icons
- icons / Favicons and icons
- IDEs
- choosing / Choosing editors and IDEs
- Adobe Dreamweaver CS6 / Adobe Dreamweaver CS6
- Aptana Studio 3 / Aptana Studio 3
- BlueGriffon 1.5.2 / BlueGriffon 1.5.2
- Maqetta / Maqetta
- eXo / eXo
- Cloud9 / Cloud9
- IE6 funeral / JavaScript engine
- images
- optimizing / Optimizing images
- Initializr
- about / HTML5 Boilerplate
- downloading / HTML5 Boilerplate
- init method / Handling drag with JavaScript
- input fields types
- color / New input fields types
- date / New input fields types
- datetime / New input fields types
- datetime-local / New input fields types
- email / New input fields types
- month / New input fields types
- number / New input fields types
- range / New input fields types
- search / New input fields types
- tel / New input fields types
- time / New input fields types
- url / New input fields types
- week / New input fields types
- Instrument tab / Profilers
- interactions, adding to custom controls
- initial settings / Initial settings
- video controllers, initializing / Initializing video controllers
- seek slider, setting / Setting the seek slider
- volume slider, initializing / Initializing the volume slider
- functions / Functions to get DOM objects
- pause / Play and pause
- play-button / Play and pause
- full screen / Full screen
- format time / Format time
- time, controlling / Controlling time
- endReproduction / Until the end of time
- Internet Explorer / Internet Explorer
- ipconfig getifaddr en1. command / Web debugging proxies
J
- Jasmine / Jasmine
- JavaScript
- used, for drag handling / Handling drag with JavaScript
- using / Step by step with JavaScript
- Script tab / Step by step with JavaScript
- console tab / JavaScript console
- load times, analyzing / Analyzing load times
- profiling / JavaScript profiling
- performance considerations / JavaScript performance considerations
- Jetty / Jetty
- jQuery library / AJAX ain't just a cleaning product
- jQuery plugins / Form validation support across browsers
- jQuery tmpl / Movies and styles
- JSMin / Additional page performance considerations
- JSONP / Movies near you
- jsPerf / JavaScript performance considerations
- JsTestDriver / JsTestDriver
L
- -last-child / Applying CSS3 selectors
- -last-of-type / Applying CSS3 selectors
- layout engine / Rendering engine
- Less / Optimizing CSS
- LightTPD / LightTPD
M
- Mac OS X 10.6 / Adobe Dreamweaver CS6
- MAMP / Prepackaged stacks
- Maqetta
- about / Maqetta
- max-age parameter / Server-side considerations
- media queries
- using / Using media queries
- metadata
- microdata
- Minification / Additional page performance considerations
- mobile debugging / Mobile debugging
- Modernizr
- MovieNow
- styles, adding to / CSS3 Magic – adding more styles to MovieNow
- rounded corners, adding / Adding rounded corners
- color, setting / Setting color
- gradients, adding / Adding gradients
- box shadows, adding / Adding box shadows
- text shadows, adding / Adding text shadows
- tricks / Some tricks to fake 3D
- styling / Movies and styles
- list, styling / Styling our list
- transitions / Transitions
- animations / Animations
- charting / Charting
- showtimes / Adding showtimes
- used, for tweeting / How to tweet in MovieNow?
- MovieNow application
- geolocation, adding / Movies near you, Self-invoking, That becomes this
- location, obtaining / Getting location
- postal codes, obtaining / Getting postal codes
- showtimes / From postal codes to showtimes
- Mozilla Firefox
- about / Mozilla Firefox
- channels / Mozilla Firefox
- must-revalidate parameter / Server-side considerations
- Mustache / Movies and styles
N
- -not(selector) / Applying CSS3 selectors
- -nth-child(n) / Applying CSS3 selectors
- -nth-last-child(n) / Applying CSS3 selectors
- -nth-last-of-type(n) / Applying CSS3 selectors
- -nth-of-type(n) / Applying CSS3 selectors
- Net tab / Analyzing load times, Load times
- no-cache parameter / Server-side considerations
- no-store parameter / Server-side considerations
- Node.js / Node.js
- novalidate attribute / Form validation support across browsers
O
- -only-child / Applying CSS3 selectors
- objectifyJSON function / Updating the event listener
- Ogg Theora / JavaScript engine
- onreadystatechange event / Using Web Workers to get nearby tweets
- Opera / Opera
- OrthographicCamera / Camera
- OS platforms
- about / OS platforms
- overflow*hidden technique / Sticky footer
P
- Packer / Additional page performance considerations
- page performance
- considerations / Additional page performance considerations
- server side considerations / Server-side considerations
- page structure
- about / Understanding page structure
- web applications layout / Understanding page structure
- navigation list / Navigation list
- secondary content / Secondary content
- performance analytics
- about / Performance analytics
- load times / Load times
- profilers / Profilers
- PerspectiveCamera / Camera
- php-webdriver connector / The php-webdriver connector from Facebook
- PHPUnit / PHPUnit
- Pingdom / Load times
- PositionOptions function / The API
- pre-packaged stacks
- MAMP / Prepackaged stacks
- WAMP / Prepackaged stacks
- XAMPP / Prepackaged stacks
- private parameter / Server-side considerations
- Profilers / Profilers
- Profiles tab / Profilers
- progressive enhancement / Before starting app development
- public parameter / Server-side considerations
- Pure / Movies and styles
Q
- QUnit / QUnit
R
- -root / Applying CSS3 selectors
- remote debugging
- in iOS 6 / Mobile debugging
- responsive web design / Display resolution
- about / Responsive web design and adaptive web design
- CSS files importing, media queries used / Importing CSS files using media queries
- other CSS, importing / Importing other CSS from our main CSS
- media queries, using as conditions / Using media queries as conditionals in our main CSS
- results
- displaying / Displaying the results
- reverseGeocode method / AJAX ain't just a cleaning product
- robots meta tag / Metadata
- RTMP / Introducing HTML5 video
S
- Safari / Safari
- Sauce Labs / Browser testing
- screen resolution
- about / Display resolution
- Script tab / Step by step with JavaScript
- Selenium / PHPUnit
- showCharts method / Geometry
- showDetails method / Updating the event listener
- showtimes
- adding / Adding showtimes
- styling / Styling showtimes
- Sinon.JS / Sinon.JS
- Snippet Editor / Safari
- standards
- following / Following standards
- Start profiling button / Profilers
- sticky footer
- about / Sticky footer
- Style tab / Playing with HTML and CSS
T
- -target / Applying CSS3 selectors
- testing
- about / Types of testing
- types / Types of testing
- testing, types
- unit testing / Unit testing
- functional testing / Functional testing
- browser testing / Browser testing
- text-indent property / General styling
- text-shadow property / Adding text shadows
- Three.js
- timeupdate event / Controlling time
- Tornado / Tornado, nginx
- transitions
- tweeting
- MovieNow, using / How to tweet in MovieNow?
- tweet posting
- service, calling / Service
- HTML, applying / Applying HTML
- more styles, adding / Adding more styles
- JavaScript interactions, adding / Adding JavaScript interactions
- form validation / Form validation support across browsers
- tweets
- styling / Styling the tweets
- nearby-tweets / Styling the tweets
- Twitter
- developer page / Registering our application
- Twitter AP
- registering / Registering our application
U
- Underscore / Movies and styles
- unit testing
- about / Unit testing
- test case / Unit testing
- setting up / Setting up your unit test
- target, invoking / Invoking your target
- results, verifying / Verifying the results
- frameworks / Frameworks and tools
- JsTestDriver / JsTestDriver
- updateCount method / Adding JavaScript interactions
- user experiences (UX) / Before starting app development
V
- video player
- implementing / Implementing a video player
- custom controls / Custom controls
- improvements / Possible improvements
W
- W3C / The real meaning of compatibility
- about / Following standards
- W3C Geolocation API
- working / How it works
- supported browsers / How it works
- rendered mobile devices / How it works
- WAMP / Prepackaged stacks
- watchPosition() method / The API
- web browser engine / Rendering engine
- web debugging
- proxies / Web debugging proxies
- WebGL
- enabling / Finishing up
- Web Inspector option / Mobile debugging
- WebM / JavaScript engine
- web servers
- choosing / Choosing web servers
- Apache / Apache
- Jetty / Jetty
- Tornado / Tornado, nginx
- LightTPD / LightTPD
- Node.js / Node.js
- about / Web browsers and add-ons
- Mozilla Firefox / Mozilla Firefox
- Firebug / Mozilla Firefox
- Google Chrome / Google Chrome
- Safari / Safari
- Internet Explorer / Internet Explorer
- Opera / Opera
- Web Worker
- anatomy / Anatomy of a Web Worker
- using, for nearby tweet obtaining / Using Web Workers to get nearby tweets
- event listener, updating / Updating the event listener
- WPO
X
- XAMPP / Prepackaged stacks
Y
- YSlow / Load times
- YUI / CSS3 resets