Index
A
- <a> link / Time for action – creating a list of links
- aaSorting / Time for action – customizing the data grid
- addClass() / Time for action – adding some final touches
- addClass() method / Time for action – highlighting the current page in the Navigation
- Ajax
- Ajax API CDN / Another option for using jQuery
- Ajax magic
- adding / Time for action – adding Ajax magic
- animated news ticker
- append() method / What just happened?
- appendTo() method / Time for action – creating a simple crossfade slideshow, Time for action – adding the slideshow
- arrow controls
- attr() method / Time for action – opening a link in a new window, Time for action – building custom Ajax tooltips
B
- </body> tag / Time for action – setting up a simple website, Time for action – creating a Nivo Slider slideshow
- <body> tag / Time for action – creating simple tabs, Time for action – setting up an HTML5 web form
- Back button / Opening links in a new window
- basic data grid
- about / Basic data grid
- creating / Time for action – creating a basic data grid, What just happened?
- BBQ plugin
- behavior, JavaScript basics
- about / Behavior
- bind() method / Time for action – opening a link in a new window, Time for action – building custom Ajax tooltips
- boxRain / Time for action – creating a Nivo Slider slideshow
C
- carousel.next() / Time for action – adding next and previous buttons
- carouselInit() function / Time for action – adding pagination controls, Time for action – adding next and previous buttons
- carousels
- designing / Have a go hero – design your own carousel
- carousel slideshow
- about / Carousel slideshow
- thumbnail slideshow, creating / Time for action – creating a thumbnail slideshow, What just happened?
- slideshow, adding / Slideshow, Time for action – adding the slideshow
- Next and Previous Buttons, activating / Time for action – activating the Next and Previous Buttons
- CDN
- about / Another option for using jQuery
- CDN-hosted copy
- using / Another option for using jQuery
- cellspacing attribute / Time for action – building custom Ajax tooltips
- click function / Time for action – moving around an HTML document
- color
- about / Objects
- colorbox() method / What just happened?
- Colorbox behavior
- customizing / Customizing Colorbox's behavior
- custom transition, using / Time for action – using a custom transition
- fixed size, setting / Fixed size, Time for action – setting a fixed size
- innerWidth/innerHeight / innerWidth/innerHeight
- initialWidth/initialHeight / InitialWidth/initialHeight
- maxWidth/maxHeight / maxWidth/maxHeight
- slideshow, creating / Creating a slideshow, Time for action – creating a slideshow
- Colorbox plugin
- used, for creating simple photo gallery / Time for action – setting up a simple photo gallery, What just happened?
- community support / Great community support
- content, JavaScript basics
- about / Content
- creditcard class / Time for action – validating form values on the fly
- crossSlide() method / Time for action – building a CrossSlide slideshow
- CrossSlide plugin
- about / The CrossSlide plugin
- CrossSlide slideshow
- CSS image sprite technique / Time for action – adding some final touches
- CSS selectors / Uses CSS selectors you already know
- current page
- highlighting, in navigation / Time for action – highlighting the current page in the Navigation
- custom-designed tooltips
- custom Ajax tooltips
- custom scrollbars
- custom styles
- custom text tooltips
- creating / Time for action – simple text tooltips
- custom tooltips
- custom text tooltips / Simple custom text tooltips
- qTip's tooltips / Customizing qTip's appearance
- custom tooltip styles / Time for action – writing custom tooltip styles
- custom-designed tooltips, using / Enhancing navigation with tooltips
- custom Ajax tooltips / Time for action – building custom Ajax tooltips
- custom tooltip styles
- custom transition
- used, in Colorbox customization / Transition, Time for action – using a custom transition
- custom uniform theme, HTML5 web form
D
- <dd> tags / Time for action – setting up the HTML
- <dt> tags / Time for action – setting up the HTML
- data grid
- dataTable() method / Time for action – creating a basic data grid
- Debug Bar program / Customizing the Scrollbar Style
- delux asynchronous navigation
- about / Deluxe asynchronous navigation
- building / Time for action – building deluxe asynchronous navigation
- BBQ plugin, using / Time for action – using the BBQ plugin
- current page, highlighting / Time for action – highlighting the current page in the Navigation
- loading animation, adding / Time for action – adding a loading animation, What just happened?
- demo.js
- demo_table_jui.css file / Time for action – customizing the data grid
- Dev 7 Studios / Nivo Slider
- DOM
- dynamicFaq function / Time for action – moving around an HTML document
E
- each() method / Time for action – building custom Ajax tooltips
- eat() method / Time for action – adding Ajax magic
- eat method
- about / Objects
- end() method / Time for action – creating a simple crossfade slideshow
- externalLinks function / Time for action – opening a link in a new window, What just happened?
F
- <form> tag / Time for action – setting up an HTML5 web form
- fadeIn() method / Time for action – creating a simple crossfade slideshow
- fadeOut() method / Time for action – adding a loading animation, Time for action – creating a simple crossfade slideshow
- fancy login form
- FAQ page
- sprucing up / Sprucing up our FAQ page, Time for action – making it fancy
- final touches, adding / Time for action – adding some final touches, What just happened?
- FAQ page markup
- about / FAQ page markup
- HTML, setting up / Time for action – setting up the HTML
- HTML document, working with / Time for action – moving around an HTML document
- featured content slider
- creating / Time for action – creating a featured content slider
- pagination controls / Pagination controls
- filter() method / Time for action – creating simple tabs
- focus
- setting, to first field / Setting focus, Time for action – setting focus to the first field, What just happened?
- focus() method / Time for action – setting focus to the first field, What just happened?
- functions, JavaScript syntax
- about / Functions
G
- galleriffic() method / Time for action – creating a Galleriffic slideshow
- Galleriffic slideshow
- about / Galleriffic slideshow
- creating / Time for action – creating a Galleriffic slideshow
- graceful degradation
H
- *hover class
- about / :hover and .sfHover
- hashchange event
- horizontal drop-down menu
- creating, Superfish plugin used / Horizontal drop-down menu, Time for action – creating a horizontal drop-down menu, Time for action – improving the drop-down menu with jQuery
- hoverIntent plugin
- custom animation, incorporating / Time for action – incorporating custom animation
- about / The hoverIntent plugin, Time for action – adding the hoverIntent plugin
- href attribute / Time for action – opening a link in a new window, Time for action – creating a list of links, Time for action – building custom Ajax tooltips
- HTML5 web form
- about / An HTML5 web form
- setting up / Time for action – setting up an HTML5 web form
- focus, setting to first field / Time for action – setting focus to the first field, What just happened?
- placeholder text, adding / Placeholder text, Time for action – adding placeholder text, What just happened?
- user entry, validating / Validating user entry, Time for action – validating form values on the fly
- appearance, improving / Improving appearance, Time for action – improving form appearance
- unstylable, styling / Styling the unstylable, Time for action – adding uniform for styling the unstylable
- styleable, styling / Styles for all, Time for action – styling the styleable
- custom uniform theme, creating / Time for action – creating a custom uniform theme, What just happened?
- HTML5 web form appearance
- HTML document
- working with / Time for action – moving around an HTML document
- HTML markup / Uses HTML markup you already know
I
- <img> tag / Time for action – creating a Nivo Slider slideshow
- icons
- adding, to links / Adding icons to links
- index.html file / Time for action – building custom Ajax tooltips
- infoboxes directory / Time for action – building custom Ajax tooltips
- initCallback / Time for action – adding pagination controls
- initialWidth/initialHeight, Colorbox / InitialWidth/initialHeight
- innerWidth/innerHeight, Colorbox / innerWidth/innerHeight
J
- JavaScript
- about / Designer, meet JavaScript
- JavaScript basics
- about / JavaScript basics
- progressive enhancement / Progressive enhancement and graceful degradation
- graceful degradation / Progressive enhancement and graceful degradation
- content / Content
- presentation / Presentation
- behavior / Behavior
- JavaScript syntax
- about / Designer, meet JavaScript
- variables / Variables
- objects / Objects
- functions / Functions
- jcarousel() method / Time for action – creating a basic carousel
- jcarousel-skin-tango class / Time for action – creating a basic carousel
- jCarousel plugin
- basic carousel, creating / Basic jCarousel, Time for action – creating a basic carousel
- about / Basic jCarousel
- downloading / Time for action – creating a basic carousel
- jQuery
- about / What is jQuery?
- features / Why is jQuery awesome for designers?
- CSS selectors, using / Uses CSS selectors you already know
- HTML markup, using / Uses HTML markup you already know
- animations / Impressive effects in just a few lines of code
- plugin library / Huge plugin library available
- community support / Great community support
- downloading / Downloading jQuery and getting set up, Time for action – downloading and attaching jQuery
- setting up / Time for action – downloading and attaching jQuery
- URL / Time for action – downloading and attaching jQuery
- CDN-hosted copy, using / Another option for using jQuery
- simple asynchronous navigation / Simple asynchronous navigation
- deluxe asynchronous navigation / Deluxe asynchronous navigation
- simple photo gallery, creating / Simple photo gallery
- slideshow, planning / Planning a slideshow
- basic data grid / Basic data grid
- basic data grid, creating / Time for action – creating a basic data grid
- data grid, customizing / Customizing the data grid, Time for action – customizing the data grid
- HTML5 web form / An HTML5 web form
- jquery.jscrollpane.js
- jquery.jscrollpane.min.js
- jquery.mousewheel.js
- jquery.qtip.css / Time for action – simple text tooltips
- jquery.qtip.min.css / Time for action – simple text tooltips
- jQuery BBQ plugin
- jQueryForDesigners
- jQuery plugins
- URL / Designer, meet plugins
- about / Designer, meet plugins
- selecting / Choosing a plugin
- scrollable HTML, setting up / Setting up some scrollable HTML, Time for action – scrollable HTML
- jQuery script
- about / Your first jQuery script
- paragraph, adding / Adding a paragraph
- jScrollPane() method
- jScrollPane plugin
- jsOff class / Time for action – creating a Galleriffic slideshow
- jsOn class / Time for action – creating a Galleriffic slideshow
- jspArrowDown / Time for action – adding our own styles
L
- <link> element
- li*hover selector
- about / :hover and .sfHover
- li.sfHover selector
- about / :hover and .sfHover
- lightboxes
- video, displaying / Time for action – showing a video in a lightbox, What just happened?
- lightbox image gallery
- turning, into slideshow / Time for action – creating a slideshow
- links
- opening, in new window / Opening links in a new window, Time for action – opening a link in a new window, What just happened?
- icons, adding to / Adding icons to links
- list of links
- load() method / Time for action – adding Ajax magic
- loading animation
- lorem ipsum
M
- MAMP
- maxWidth/maxHeight, Colorbox / maxWidth/maxHeight
- mouseover event / The hoverIntent plugin
- multiple video player
- mwheelintent.js
N
- navigation menu
- horizontal drop-down menu, creating / Horizontal drop-down menu
- vertical fly-out menu, creating / Vertical fly-out menu
- customizing / Customizing the navigation menu
- *hover class / :hover and .sfHover
- .sfHover class / :hover and .sfHover
- cascading inherited styles / Cascading inherited styles
- new-window class / What just happened?
- next() method / Time for action – creating a simple crossfade slideshow
- next and previous buttons
- nextPrev() function / Time for action – activating the Next and Previous Buttons
- nextPrev function / Time for action – activating the Next and Previous Buttons
- Nivo Slider
- about / Nivo Slider
- URL / Nivo Slider
- nivoSlider() method / Time for action – creating a Nivo Slider slideshow
- Nivo Slider slideshow
- creating / Time for action – creating a Nivo Slider slideshow
- customizing / Have a go hero – customize the slideshow
O
- objects, JavaScript syntax
- about / Objects
- one-page web gallery
- open() method / Time for action – opening a link in a new window
P
- pagination controls
- about / Pagination controls
- adding / Time for action – adding pagination controls
- parents() method / Time for action – highlighting the current page in the Navigation
- partial load method / Time for action – adding Ajax magic
- placeholder attribute / Placeholder text
- placeholder text
- adding, to HTML5 web form / Setting focus, Placeholder text, Time for action – adding placeholder text
- plugin library / Huge plugin library available
- plugins
- about / Designer, meet plugins
- polyfill / Placeholder text
- prepend() method / Time for action – adding the slideshow
- presentation, JavaScript basics
- about / Presentation
- Progressive enhancement
- pseudoclass selectors / Time for action – creating simple tabs
Q
- qtip() method / Time for action – simple text tooltips
- qTip plugin
- qTips tooltips
- customizing / Time for action – customizing qTips
- color schemes / Time for action – customizing qTips
- ui-tooltip color scheme / Time for action – customizing qTips
- ui-tooltip-light color scheme / Time for action – customizing qTips
- ui-tooltip-dark color scheme / Time for action – customizing qTips
- ui-tooltip-red color scheme / Time for action – customizing qTips
- ui-tooltip-green color scheme / Time for action – customizing qTips
- ui-tooltip-blue color scheme / Time for action – customizing qTips
R
- ready() method / What just happened?, Time for action – improving the drop-down menu with jQuery, Time for action – creating a simple crossfade slideshow, Time for action – creating a Nivo Slider slideshow
- removeClass() / Time for action – adding some final touches
- rollOver
- about / Objects
S
- .sfHover class
- about / :hover and .sfHover
- .show() method / Time for action – moving around an HTML document
- </script> tag
- <script> element
- <script> tag / Time for action – adding the hoverIntent plugin, Time for action – creating a Nivo Slider slideshow
- saySomething function
- about / Functions
- scripts.js file / Time for action – creating simple tabs
- scrollable HTML
- setInterval() method / Time for action – creating a simple crossfade slideshow
- showArrows option
- simple asynchronous navigation
- about / Simple asynchronous navigation
- simple website, setting up / Time for action – setting up a simple website
- Ajax magic, adding / Time for action – adding Ajax magic
- simple crossfade slideshow
- simple HTML page
- setting up / Time for action – scrollable HTML
- simple photo gallery
- about / Simple photo gallery
- setting up, Colorbox plugin used / Time for action – setting up a simple photo gallery
- simple website
- setting up / Time for action – setting up a simple website
- single-page web gallery
- slideDown() method / What just happened?
- slideshow
- planning / Planning a slideshow
- simple crossfade slideshow, creating / Simple crossfade slideshow, Time for action – creating a simple crossfade slideshow, What just happened?
- Nivo Slider slideshow, creating / Nivo Slider, Time for action – creating a Nivo Slider slideshow
- Galleriffic slideshow, creating / Galleriffic slideshow, Time for action – creating a Galleriffic slideshow
- CrossSlide slideshow, creating / Time for action – building a CrossSlide slideshow
- slideshow function / Time for action – creating a simple crossfade slideshow
- slideshowInit() function / Time for action – adding the slideshow, Time for action – activating the Next and Previous Buttons
- slideToggle() method / What just happened?, Time for action – adding some final touches
- smooth scrolling
- setting up / Time for action – setting up smooth scrolling
- stand-alone video player
- standard navigation bar
- enhancing, with custom tooltips / Time for action – building a fancy navigation bar, What just happened?
- string
- about / Variables
- styleable, HTML5 web form
- styles.css
- superfish() method / Time for action – creating a horizontal drop-down menu, Time for action – improving the drop-down menu with jQuery
- superfish.css file / Time for action – creating a horizontal drop-down menu
- Superfish menus
- customizing / Time for action – customizing Superfish menus
- Superfish plugin
- used, for creating horizontal drop-down menu / Horizontal drop-down menu, Time for action – creating a horizontal drop-down menu, Time for action – improving the drop-down menu with jQuery
- syntax
- about / Designer, meet JavaScript
T
- .toggle() method / Time for action – moving around an HTML document
- <tbody> element / Time for action – creating a basic data grid
- <tfoot> element / Time for action – creating a basic data grid
- <thead> element / Time for action – creating a basic data grid
- tabs
- about / Simple tabs
- creating / Time for action – creating simple tabs, What just happened?
- target attribute
- Themeroller theme / Time for action – customizing the data grid
- thumbnail photo gallery
- creating / Have a go hero – customize the slideshow
- thumbnail slideshow
- title attribute / Time for action – simple text tooltips
- toggleClass() method / What just happened?
U
- ui-tooltip-purple class / Time for action – writing custom tooltip styles
- uniform() method / Time for action – adding uniform for styling the unstylable
- Uniform plugin
- unstylable, HTML5 web form
- user entry
- validating, in HTML5 web form / Validating user entry, Time for action – validating form values on the fly
V
- validate() method / Time for action – validating form values on the fly
- variables, JavaScript syntax
- about / Variables
- vendor prefixes
- about / Vendor prefixes
- vertical fly-out menu
W
- W3C
- WampServer
- window
- links, opening in / Opening links in a new window, Time for action – opening a link in a new window, What just happened?
- word function
- about / Functions
- WuFoo / An HTML5 web form