Index
A
- <a> tag / All hail the mighty <a> tag
- <address> element, HTML5 semantic elements / The <address> element
- <article> element, HTML5 semantic elements / The <article> element
- <aside> element, HTML5 semantic elements / The <aside> element
- <audio> tag / Audio and video tags work almost identically
- adaptive images
- about / Setting up Adaptive Images
- ai-cache / Setting up Adaptive Images
- Alexander Farkas
- URL / How to polyfill non-supporting browsers
- AList Apart
- urL / Why proportional layouts are essential for responsive designs
- alpha channels
- about / Alpha channels
- AND THE WINNER ISN'T text / Rapidly building our site with a Grid system
- animation-delay property / Animating with CSS3
- animation-fill-mode property / Animating with CSS3
- animation-play-state property / Animating with CSS3
- animation property / Putting CSS3 transformations and animations together
- ARIA
- landmark roles, implementing / ARIA's landmark roles
- URL / ARIA's landmark roles
- roles, styling / ARIA's landmark roles
- aspect-ratio / What can media queries test for?
- audio
- adding, HTML5 way / Adding video and audio the HTML5 way
- auto-resize page, mobile browsers
- stopping / Stopping modern mobile browsers from auto-resizing the page
- autocomplete, HTML5 forms
- about / autocomplete
- autofocus attribute, HTML5 forms
- about / autofocus
- autoplay attribute / Adding video and audio the HTML5 way
B
- <b> element, HTML5 text-level semantics / The <b> element
- <body> tag / A practical, real world example
- background-image linear-gradient property / How can CSS3 solve everyday design problems?
- background gradient
- about / Background gradients
- linear background gradients / Linear background gradients
- radial background gradients / Radial background gradients
- background gradient patterns
- about / Background gradient patterns
- background images
- about / Multiple background images
- size / Background size
- position / Background position
- shorthand / Background shorthand
- background positions
- URL / Background shorthand
- background sizing
- URL / Background shorthand
- beginning with, substring matching attribute selector / The "beginning with" substring matching attribute selector
- border-radius property / How can CSS3 solve everyday design problems?
- box shadows
- about / Box shadows
- inset shadow / Inset shadow
- muliple shadows / Multiple shadows
C
- #content div / Setting a context for proportional elements
- 1140 CSS Grid
- URL / CSS Grid systems
- CACHE$ section / Understanding the manifest file
- CDN / Responsive video
- closet-corner / Breakdown of radial gradient syntax
- closet-side / Breakdown of radial gradient syntax
- color / What can media queries test for?
- color-index / What can media queries test for?
- color input type, HTML5 / color
- component parts, HTML5 forms
- about / Understanding the component parts of HTML5 forms
- contain / Breakdown of radial gradient syntax
- contains an instance of, substring matching attribute selector / The "contains an instance of" substring matching attribute selector
- controls attribute / Adding video and audio the HTML5 way
- cover / Breakdown of radial gradient syntax
- CR / You can use media queries today
- CSS
- about / CSS3 enables responsive designs and more
- -based design / CSS3 enables responsive designs and more
- CSS 2.1
- about / CSS3 enables responsive designs and more
- CSS3
- about / CSS3 enables responsive designs and more, The bottom line—CSS3 won't break anything!
- used, for solving issues / How can CSS3 solve everyday design problems?
- sliding doors technique, URL / How can CSS3 solve everyday design problems?
- headerLeft.png / How can CSS3 solve everyday design problems?
- headerRight.png / How can CSS3 solve everyday design problems?
- property / How can CSS3 solve everyday design problems?
- button, in same browser (Chrome v16) / How can CSS3 solve everyday design problems?
- rounded corners property / How can CSS3 solve everyday design problems?
- border-radius property / How can CSS3 solve everyday design problems?
- linear-gradient property / How can CSS3 solve everyday design problems?
- background-image linear-gradient property / How can CSS3 solve everyday design problems?
- button, in same browser / Look Ma'—no images!
- uses / What else has CSS3 got to offer?, Can HTML5 and CSS3 work for us today?
- transformations / What else has CSS3 got to offer?
- animations / What else has CSS3 got to offer?
- for frontend developers / What CSS3 offers the frontend developer
- support, in Internet Explorer version 6 / CSS3 support in Internet Explorer versions 6 to 8
- support, in Internet Explorer version 7 / CSS3 support in Internet Explorer versions 6 to 8
- support, in Internet Explorer version 8 / CSS3 support in Internet Explorer versions 6 to 8
- used, for designing pages / Using CSS3 to design and develop pages in the browser
- used, for developing pages / Using CSS3 to design and develop pages in the browser
- text shadows, creating / Text shadows with CSS3
- box shadows / Box shadows
- repeating background gradients, creating / Repeating gradients
- background gradient patterns / Background gradient patterns
- responsive considerations / Responsive considerations for CSS3
- properties, merging / Bringing CSS3 properties together
- features / More CSS3 features
- HTML5 forms, styling / Styling HTML5 forms with CSS3
- pseudo class selectors, form specific / Form-specific CSS3 pseudo class selectors
- CSS3 2D transforms
- about / CSS3 2D transformations
- CSS3 2D transforms module
- scale transform / What can we transform?
- translate transform / What can we transform?
- rotate transform / What can we transform?
- skew transform / What can we transform?
- matrix transform / What can we transform?
- CSS3 3D transforms
- about / Dabbling in CSS3 3D transformations
- 3D effect, breaking / Breaking down the 3D effect
- CSS3 animations
- about / Animating with CSS3
- components / Animating with CSS3
- keyframe declaration / Animating with CSS3
- keyframe declaration, in animation property / Animating with CSS3
- keyframe rule / Animating with CSS3
- @keyframes declaration / Animating with CSS3
- animation-delay property / Animating with CSS3
- animation-play-state property / Animating with CSS3
- animation-fill-mode property / Animating with CSS3
- reusing, on other elements / Animating with CSS3
- example / Animating with CSS3
- latest developments, URL / Animating with CSS3
- and CSS3 transformations, merging / Putting CSS3 transformations and animations together
- CSS3 attribute selectors
- about / CSS3 attribute selectors
- CSS3 attribute selectors, substring matching
- beginning with / The "beginning with" substring matching attribute selector
- contains an instance of / The "contains an instance of" substring matching attribute selector
- ends with / The "ends with" substring matching attribute selector
- CSS3 rule
- anatomy / Anatomy of a CSS rule
- CSS3 selectors
- about / New CSS3 selectors and how to use them
- attribute selectors, substring matching / CSS3 substring matching attribute selectors
- structural pseudo-classes / CSS3 structural pseudo-classes
- CSS3 structural pseudo-classes
- about / CSS3 structural pseudo-classes
- $last-child selector / The :last-child selector
- nth-child selectors / The nth-child selectors
- nth-based rules / Understanding what nth rules do
- negation ($not) selector / The negation (:not) selector
- CSS3 transformations
- and CSS3 animations, merging / Putting CSS3 transformations and animations together
- CSS3 transitions
- about / What CSS3 transitions are and how we can use them
- hover state, adding / What CSS3 transitions are and how we can use them
- default state / What CSS3 transitions are and how we can use them
- hover state / What CSS3 transitions are and how we can use them
- properties / The properties of a transition
- fun transitions, for responsive web sites / Fun transitions for responsive web sites
- CSS3 transitions, properties
- transition-property / The properties of a transition
- transition-duration / The properties of a transition
- transition-timing-function / The properties of a transition
- transition-delay / The properties of a transition
- shorthand property / The transition shorthand property
- different properties, over different periods of time / Transition different properties over different periods of time
- timing functions / Understanding timing functions
- CSS3, color formats
- about / New CSS3 color formats and alpha transparency
- RGB color / RGB color
- HSL color / HSL color
- fallback color values / Fallback color values for IE6, IE7, and IE8
- alpha channels / Alpha channels
- CSS3, tricks
- about / Quick and useful CSS3 tricks
- CSS3 multiple columns, for responsive designs / CSS3 multiple columns for responsive designs
- gap and column divider, adding / Adding a gap and column divider
- word wrapping / Word wrapping
- CSS 3D transforms
- latest W3C developments, URL / 3D transformations not ready for prime time
- CSS Grid systems
- about / CSS Grid systems
- semantic, URL / CSS Grid systems
- skeleton, URL / CSS Grid systems
- less framework, URL / CSS Grid systems
- 1140 CSS Grid, URL / CSS Grid systems
- site, building with / Rapidly building our site with a Grid system
- CSS Transforms Module Level 3
- URL / You can use media queries today
- CSS universal selector / Fun transitions for responsive web sites
- Cufón
- URL / Custom web typography
- custom web typography
- about / Custom web typography
- @font-face CSS rule / The @font-face CSS rule
- web fonts, implementing with @font-face CSS rule / Implementing web fonts with @font-face
D
- 3D transforms
- about / 3D transformations not ready for prime time
- <div> tags / New, semantically meaningful HTML5 tag elements
- date and time inputs
- about / Date and time inputs
- date / date
- month / month
- week / week
- time / time
- datetime and datetime-local / datetime and datetime-local
- range / range
- date input type, HTML5 / date
- datetime and datetime-local input type, HTML5 / datetime and datetime-local
- device-aspect-ratio / What can media queries test for?
- device-height / What can media queries test for?
- device-width / What can media queries test for?
- Doctype (Document Type Declaration) / Saving time and code with HTML5
- drop menu
- navigation links, changing to / Changing navigation links to a drop menu (conditionally)
E
- <em> element, HTML5 text-level semantics / The <em> element
- email input type, HTML5 / email
- Embedded OpenType (EOT) font / The @font-face CSS rule
- ems
- used instead of pixels, for typography / Using ems rather than pixels for typography
- about / Using ems rather than pixels for typography
- ends with, substring matching attribute selector / The "ends with" substring matching attribute selector
- Explorer Developer Toolbar, URL / Get your viewport testing tools here!
- extra.css, CSS file / Conditional loading with Modernizr
F
- #footer div / Setting a context for proportional elements
- $first-line pseudo-element / Is :first-line handy for responsive designs?
- <footer> element, HTML5 semantic elements / The <footer> element
- @font-face CSS rule
- web fonts, implementing / Implementing web fonts with @font-face
- @font-face font
- about / Help—my CSS3 @font-face headings look messy
- @font-face method
- about / A note about custom @font-face typography and responsive designs
- @font-face rule
- about / Text shadows with CSS3
- used, for sizeable icons / Sizeable icons which are perfect for responsive designs
- Fallback
- for older browsers / Fallback for older browsers
- FALLBACK$ section / Understanding the manifest file
- farthest-corner / Breakdown of radial gradient syntax
- farthest-side / Breakdown of radial gradient syntax
- Filament Group's
- Responsive Images, URL / Serving different images for different screen sizes
- Firesizer
- URL / Get your viewport testing tools here!
- FitVids plugin
- URl, for downloading / Responsive video
- fixed layout
- to proportional layout, design amending / Amending a design from fixed to proportional layout
- formula / A formula to remember
- context / It's always important to remember the context
- fixed layouts
- about / Fixed layouts aren't future proof
- Flash fallback / Responsive video
- fluid grids
- and media queries, merging / Where fluid grids and media queries come together
- fluid images
- about / Fluid images
- scale, creating with viewport / Making images scale with the viewport
- specific rules, for specific images / Specific rules for specific images
- max-width property / The incredibly versatile max-width property
- fluid layout
- about / We need a fluid layout
- Font Deck
- URL / Implementing web fonts with @font-face
- fonts / Implementing web fonts with @font-face
- Font Squirrel
- URL / Implementing web fonts with @font-face
- footerBackground class / Multiple background images
- formula
- target ÷ context = result formula / Using ems rather than pixels for typography
G
- Golden Ratio
- URL / Setting a context for proportional elements
- graceful degradation
- versus progressive enhancement / Progressive enhancement versus graceful degradation
- about / Progressive enhancement versus graceful degradation
- grid / What can media queries test for?
H
- <h1> tag / The HTML5 outline algorithm
- <head> tag / Setting up Adaptive Images
- <header> element, HTML5 semantic elements / The <header> element
- <hgroup> element, HTML5 semantic elements / The <hgroup> element
- headerLeft.png / How can CSS3 solve everyday design problems?
- headerRight.png / How can CSS3 solve everyday design problems?
- height / What can media queries test for?
- height attribute / Responsive video
- HEX
- about / HEX, HSL, or RGB color allowed
- high-resolution devices
- about / High resolution devices (the future)
- hover state / What CSS3 transitions are and how we can use them
- HSL / HSL color
- about / HEX, HSL, or RGB color allowed
- HTML 4.01
- about / HTML5—why it's so good
- HTML 4.01;Doctype / Saving time and code with HTML5
- HTML5
- about / HTML5—why it's so good
- used, for saving time / Saving time and code with HTML5
- Doctype (Document Type Declaration) / Saving time and code with HTML5
- tag elements / New, semantically meaningful HTML5 tag elements
- uses / Can HTML5 and CSS3 work for us today?, What parts of HTML5 can we use today?
- polyfill / Most sites can be written in HTML5
- pages writing, procedure / How to write HTML5 pages
- economies, for using / Economies of using HTML5
- markup / A sensible approach to HTML5 markup
- <a> tag / All hail the mighty <a> tag
- features / Obsolete HTML features
- semantic elements / New semantic elements in HTML5
- new semantic elements / New semantic elements in HTML5
- outline algorithm / The HTML5 outline algorithm
- structural elements / Practical usage of HTML5's structural elements
- text-level semantics / HTML5 text-level semantics
- media, embedding / Embedding media in HTML5
- alternate source files, adding / Providing alternate source files
- HTML5 forms
- about / HTML5 forms
- component parts / Understanding the component parts of HTML5 forms
- placeholder attribute / placeholder
- required attribute / required
- autofocus attribute / autofocus
- autocomplete / autocomplete
- list attribute / list (and the associated datalist element)
- styling, with CSS3 / Styling HTML5 forms with CSS3
- HTML5, input types
- about / HTML5 input types
- email / email
- number / number
- url / url
- tel / tel
- search / search
- pattern / pattern
- color / color
I
- <i> element, HTML5 text-level semantics / The <i> element
- @import command / The best way to load media queries for responsive designs
- IDEs / Vendor prefixes and how to use them
- IE
- importance / Why smart phones are important (and old IE isn't)
- image resizing
- about / Serving different images for different screen sizes
- inline elements / HTML5 text-level semantics
- inset shadow
- about / Inset shadow
- Internet Explorer
- older versions, fixing / Should you fix old versions of Internet Explorer?
- statistics / Statistics (again)
- Internet Explorer 6
- CSS3 support / CSS3 support in Internet Explorer versions 6 to 8
- fallback color value for / Fallback color values for IE6, IE7, and IE8
- min media query capability, adding / Add min/max media query capability for Internet Explorer 6, 7, and 8
- max media query capability, adding / Add min/max media query capability for Internet Explorer 6, 7, and 8
- Internet Explorer 7
- CSS3 support / CSS3 support in Internet Explorer versions 6 to 8
- fallback color value for / Fallback color values for IE6, IE7, and IE8
- min media query capability, adding / Add min/max media query capability for Internet Explorer 6, 7, and 8
- max media query capability, adding / Add min/max media query capability for Internet Explorer 6, 7, and 8
- Internet Explorer 8
- CSS3 support / CSS3 support in Internet Explorer versions 6 to 8
- fallback color value for / Fallback color values for IE6, IE7, and IE8
- min media query capability, adding / Add min/max media query capability for Internet Explorer 6, 7, and 8
- max media query capability, adding / Add min/max media query capability for Internet Explorer 6, 7, and 8
J
- jQuery
- URL / Get your viewport testing tools here!
K
- @keyframes declaration / Animating with CSS3
L
- <li> tag / It's always important to remember the context
- Lea Verou
- CSS3 background patterns, URL / Background gradient patterns
- less framework
- URL / CSS Grid systems
- linear-gradient property / How can CSS3 solve everyday design problems?
- linear background gradients
- about / Linear background gradients
- syntax / Breakdown of linear gradient syntax
- list attribute, HTML5 forms
- about / list (and the associated datalist element)
M
- <meta> tag / Stopping modern mobile browsers from auto-resizing the page
- manifest file
- about / Understanding the manifest file
- pages loading automatically, to offline manifest / Automatic loading of pages to the offline manifest
- matrix transform / What can we transform?
- about / matrix
- for cheats and dunces / Matrix transformations for cheats and dunces
- max-width property / The incredibly versatile max-width property
- max media query capability
- adding, for Internet Explorer 6 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- adding, for Internet Explorer 7 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- adding, for Internet Explorer 8 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- media queries
- about / You can use media queries today
- need for, by responsive web design / Why responsive designs need media queries?
- syntax / Media query syntax
- testing for / What can media queries test for?
- used, for altering design / Using media queries to alter our design
- loading, for responsive designs / The best way to load media queries for responsive designs
- fixed-width design / Don't panic but our design is fixed-width
- and fluid grids, merging / Where fluid grids and media queries come together
- media queries, testing for
- width / What can media queries test for?
- height / What can media queries test for?
- device-width / What can media queries test for?
- device-height / What can media queries test for?
- orientation / What can media queries test for?
- aspect-ratio / What can media queries test for?
- device-aspect-ratio / What can media queries test for?
- color / What can media queries test for?
- color-index / What can media queries test for?
- monochrome / What can media queries test for?
- resolution / What can media queries test for?
- scan / What can media queries test for?
- grid / What can media queries test for?
- Microsoft prefix (-ms-) / Vendor prefixes and how to use them
- min media query capability
- adding, for Internet Explorer 6 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- adding, for Internet Explorer 7 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- adding, for Internet Explorer 8 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- mobile browsers
- auto-resize page, stopping / Stopping modern mobile browsers from auto-resizing the page
- modernizr / Polyfills, shims, and Modernizr
- URL / How to polyfill non-supporting browsers
- about / Personal choice, Modernizr—the frontend developer's Swiss army knife
- URL, for downloading / Modernizr—the frontend developer's Swiss army knife
- Firefox v9.01, example / Modernizr—the frontend developer's Swiss army knife
- styling issues, fixing / Fix styling issues with Modernizr
- quiz page, URL / Fix styling issues with Modernizr
- custom production version / Modernizr adds HTML5 element support for old IE
- HTML5 element support, adding in old IE / Modernizr adds HTML5 element support for old IE
- min media query capability, adding for Internet Explorer 6 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- min media query capability, adding for Internet Explorer 7 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- min media query capability, adding for Internet Explorer 8 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- max media query capability, adding for Internet Explorer 6 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- max media query capability, adding for Internet Explorer 7 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- max media query capability, adding for Internet Explorer 8 / Add min/max media query capability for Internet Explorer 6, 7, and 8
- conditional loading / Conditional loading with Modernizr
- conditional loading, URL / Conditional loading with Modernizr
- monochrome / What can media queries test for?
- month input type, HTML5 / month
- Multi-column Layout Module
- URL / Adding a gap and column divider
N
- #navigation div / Setting a context for proportional elements
- <nav> element, HTML5 semantic elements / The <nav> element
- navigation links
- changing, to drop menu / Changing navigation links to a drop menu (conditionally)
- negation ($not) selector / The negation (:not) selector
- NETWORK$ section / Understanding the manifest file
- nth rules / Understanding what nth rules do
- number input type, HTML5 / number
O
- offline.manifest file / About that version comment
- offline Web applications
- about / Offline Web applications
- in nut shell / Offline Web applications in a nut shell
- web pages, working offline / Making web pages work offline
- offline.manifest file / Making web pages work offline
- manifest file / Understanding the manifest file
- site, viewing offline / Viewing the site offline
- troubleshooting / Troubleshooting Offline Web applications
- URL / Troubleshooting Offline Web applications
- onchange attribute / range
- only all / Conditional loading with Modernizr
- orientation / What can media queries test for?
- oscar.png image scale / Putting the brakes on fluid images
- outline algorithm, HTML5 / The HTML5 outline algorithm
P
- pattern input type, HTML5 / pattern
- phone.css file / What can media queries test for?
- placeholder attribute, HTML5 forms
- about / placeholder
- polyfill
- about / Most sites can be written in HTML5
- polyfills / Can HTML5 and CSS3 work for us today?
- for non-supporting browsers / How to polyfill non-supporting browsers
- Webshims Lib, URL for downloading / How to polyfill non-supporting browsers
- PR / You can use media queries today
- progressive enhancement
- versus graceful degradation / Progressive enhancement versus graceful degradation
- about / Progressive enhancement versus graceful degradation
- reality / Reality
- proportional layout
- need, for responsive web design / Why proportional layouts are essential for responsive designs
- context, setting for / Setting a context for proportional elements
- PSD / Rapidly building our site with a Grid system
- pseudo-elements
- about / Amendments to pseudo-elements
- $first-line pseudo-element / Is :first-line handy for responsive designs?
- pseudo class selectors, form specific
- in CSS3 / Form-specific CSS3 pseudo class selectors
- input$required / Form-specific CSS3 pseudo class selectors
- input$focus$invalid / Form-specific CSS3 pseudo class selectors
- input$focus$valid / Form-specific CSS3 pseudo class selectors
R
- radial background gradients
- about / Radial background gradients
- syntax / Radial background gradients
- breakdown / Breakdown of radial gradient syntax
- W3C specification, URL / Breakdown of radial gradient syntax
- radial background gradients, sizes
- closet-side / Breakdown of radial gradient syntax
- closet-corner / Breakdown of radial gradient syntax
- farthest-side / Breakdown of radial gradient syntax
- farthest-corner / Breakdown of radial gradient syntax
- cover / Breakdown of radial gradient syntax
- contain / Breakdown of radial gradient syntax
- range input type, HTML5 / range
- REC / You can use media queries today
- required attribute, HTML5 forms
- about / required
- required field browser / required
- ResizeMe
- URL / Get your viewport testing tools here!
- resolution / What can media queries test for?
- Respond.js
- URL / Add min/max media query capability for Internet Explorer 6, 7, and 8
- Respond.js tool
- URL / The best way to load media queries for responsive designs
- respond.min.js file / Conditional loading with Modernizr
- responsive design
- sizeable icons / Sizeable icons which are perfect for responsive designs
- Responsive Menu script
- URL / Changing navigation links to a drop menu (conditionally)
- responsive web design
- alternatives / Are there times when a responsive design isn't the right choice?
- defining / Defining responsive web design
- Ethan Marcotte, list apart article / Defining responsive web design
- in nutshell / Defining responsive web design
- need for / Why stop at responsive design?
- examples / Examples of responsive web design
- guidelines, for clients / Educating our clients that websites shouldn't look the same in all browsers
- media queries, need for / Why responsive designs need media queries?
- media queries, loading for / The best way to load media queries for responsive designs
- about / Our first responsive design
- fixed-width design / Don't panic but our design is fixed-width
- images, working with / Responsive designs—making images as economical as possible
- content clipping, in smaller viewports / Content clipping in smaller viewports
- content, moving above navigation area / With responsive designs, content should always come first
- content / With responsive designs, content should always come first
- markup, altering / With responsive designs, content should always come first
- content areas, resetting / With responsive designs, content should always come first
- proportional layouts, need for / Why proportional layouts are essential for responsive designs
- techniques, critics / Setting a context for proportional elements
- responsive web design, examples
- viewport testing tools / Get your viewport testing tools here!
- online sources / Online sources of inspiration
- RGB
- about / HEX, HSL, or RGB color allowed
- RGB color / RGB color
- rotate transform / What can we transform?, rotate
- rounded corners property, CSS3 / How can CSS3 solve everyday design problems?
S
- <section> element, HTML5 semantic elements / The <section> element
- Scalable Vector Graphics (SVG) / The @font-face CSS rule
- scale transform / What can we transform?, scale
- scan / What can media queries test for?
- screen size
- or viewport / Get your viewport testing tools here!
- SDK / Stopping modern mobile browsers from auto-resizing the page
- search input type, HTML5 / search
- Select a page button / Changing navigation links to a drop menu (conditionally)
- semantic
- URL / CSS Grid systems
- semantic elements, HTML5
- about / New semantic elements in HTML5
- <section> element / The <section> element
- <nav> element / The <nav> element
- <article> element / The <article> element
- <aside> element / The <aside> element
- <hgroup> element / The <hgroup> element
- <header> element / The <header> element
- <footer> element / The <footer> element
- <address> element / The <address> element
- shorthand property, CSS3 transitions
- about / The transition shorthand property
- sIFR
- URL / Custom web typography
- sizeable icons
- for responsive design / Sizeable icons which are perfect for responsive designs
- skeleton
- URL / CSS Grid systems
- skew transform / What can we transform?, skew
- sliding doors technique
- URL / How can CSS3 solve everyday design problems?
- smart phones
- importance / Why smart phones are important (and old IE isn't)
- Spackling Paste / Most sites can be written in HTML5
- span element / range
- structural pseudo-classes / The negation (:not) selector
- SVG
- about / High resolution devices (the future)
T
- tag elemnts, HTML5
- about / New, semantically meaningful HTML5 tag elements
- target ÷ context = result formula / Using ems rather than pixels for typography
- tel input type, HTML5 / tel
- text-level semantics, HTML5
- about / HTML5 text-level semantics
- <b> element / The <b> element
- <em> element / The <em> element
- <i> element / The <i> element
- applying, to markup / Applying text-level semantics to our markup
- text-shadow property / HEX, HSL, or RGB color allowed
- text shadow
- syntax / Text shadows with CSS3
- em / Pixels, em, or rem
- rem / Pixels, em, or rem
- pixels / Pixels, em, or rem
- preventing / Preventing a text shadow
- left and top shadows / Left and top shadows
- embossed text-shadow effect, creating / Creating an embossed text-shadow effect
- multiple text shadows / Multiple text-shadows
- THESE SHOULD HAVE WON button / Responsive designs—making images as economical as possible
- time input type, HTML5 / time
- timing functions, CSS3 transitions
- about / Understanding timing functions
- transform-origin property
- about / transform-origin property
- transition-delay property / The properties of a transition
- transition-duration property / The properties of a transition
- transition-property / The properties of a transition
- transition-timing-function property / The properties of a transition
- translate transform / What can we transform?, translate
- Typekit
- URL / Implementing web fonts with @font-face
- typography
- ems used, instead of pixels / Using ems rather than pixels for typography
- about / Custom web typography
U
- url input type, HTML5 / url
V
- <video> tag / Responsive video
- vendor prefixes
- about / Vendor prefixes and how to use them
- vh unit (viewport height) / A note about custom @font-face typography and responsive designs
- video
- adding, HTML5 way / Adding video and audio the HTML5 way
- viewport
- about / Why smart phones are important (and old IE isn't)
- testing, tools / Get your viewport testing tools here!
- Explorer Developer Toolbar, URL / Get your viewport testing tools here!
- ResizeMe, URL / Get your viewport testing tools here!
- Firesizer, URL / Get your viewport testing tools here!
- jQuery, URL / Get your viewport testing tools here!
- or screen size / Get your viewport testing tools here!
- page, viewing / Get your viewport testing tools here!
- larger than 930 pixels / Get your viewport testing tools here!
- site, viewing / Get your viewport testing tools here!
- less than 880 pixels / Get your viewport testing tools here!
- less than 600 pixel, reducing to / Get your viewport testing tools here!
- site, example / Get your viewport testing tools here!
- less than 720 pixels, reducing to / Get your viewport testing tools here!
- less than 480 pixels, reducing to / Get your viewport testing tools here!
- 300 pixels, reducing to / Get your viewport testing tools here!
- content clipping / Content clipping in smaller viewports
- width, design fixing for / Fixing the design for different viewport widths
- fluid images scale, creating / Making images scale with the viewport
- vm unit (viewport minimum) / A note about custom @font-face typography and responsive designs
- vw unit (viewport width) / A note about custom @font-face typography and responsive designs
W
- #wrapper div / Setting a context for proportional elements, The incredibly versatile max-width property
- W3C
- about / CSS3 enables responsive designs and more
- W3C documentation
- on multiple background elements, URL / Background shorthand
- W3C HTML5 validator
- URL / Saving time and code with HTML5
- WAI-ARIA
- used, for adding accessibility to site / Adding accessibility to your site with WAI-ARIA
- WD / You can use media queries today
- Webkit (-webkit- ) / Vendor prefixes and how to use them
- Web Open Font Format (WOFF) / The @font-face CSS rule
- Webshims Lib
- URL for downloading / How to polyfill non-supporting browsers
- web typography
- about / Custom web typography
- week input type, HTML5 / week
- width / What can media queries test for?
- width attribute / Responsive video
- word wrapping / Word wrapping
Y
- YepNope.js
- URL / Conditional loading with Modernizr
