JQuery for designers beginners guide : an approachable introduction to web design in jQuery for non-programmers

Part of Packt's Beginner's Guide series, each chapter focuses on a specific part of your website and how to improve its design with the use of jQuery. There are plenty of screenshots and practical step-by-step instructions making it easy to apply jQuery to your site. This book is for desig...

Descripción completa

Detalles Bibliográficos
Autor principal: MacLees, Natalie (-)
Formato: Libro electrónico
Idioma:Inglés
Publicado: Olton, Birmingham [England] : Packt Pub 2012.
Edición:1st edition
Colección:Learn by doing : less theory, more results
Materias:
Ver en Biblioteca Universitat Ramon Llull:https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009628747106719
Tabla de Contenidos:
  • Cover
  • Copyright
  • Credits
  • About the Author
  • About the Reviewers
  • www.PacktPub.com
  • Table of Contents
  • Preface
  • Chapter 1: Designer, Meet jQuery
  • What is jQuery?
  • Why is jQuery awesome for designers?
  • Uses CSS selectors you already know
  • Uses HTML markup you already know
  • Impressive effects in just a few lines of code
  • Huge plugin library available
  • Great community support
  • JavaScript basics
  • Progressive enhancement and graceful degradation
  • Gotta keep 'em separated
  • Content
  • Presentation
  • Behavior
  • Designer, meet JavaScript
  • Variables
  • Objects
  • Functions
  • Downloading jQuery and getting set up
  • Time for action - downloading and attaching jQuery
  • Another option for using jQuery
  • Your first jQuery script
  • Time for action - getting ready for jQuery
  • Adding a paragraph
  • Time for action - adding a new paragraph
  • Summary
  • Chapter 2: Enhancing Links
  • Opening links in a new window
  • Why not just use the target attribute?
  • Time for action - opening a link in a new window
  • Adding icons to links
  • Time for action - creating a list of links
  • Simple tabs
  • Time for action - creating simple tabs
  • Summary
  • Chapter 3: Making a Better FAQ Page
  • FAQ page markup
  • Time for action - setting up the HTML
  • Time for action - moving around an HTML document
  • Sprucing up our FAQ page
  • Time for action - making it fancy
  • We're almost there!
  • Time for action - adding some final touches
  • Summary
  • Chapter 4: Building Custom Scrollbars
  • Designer, meet plugins
  • Choosing a plugin
  • Setting up some scrollable HTML
  • Time for action - scrollable HTML
  • Adding custom scrollbars
  • Time for action - simple custom scrollbars
  • Adding arrow controls
  • Time for action - adding up and down arrows
  • Customizing the Scrollbar Style
  • Time for action - adding our own styles.
  • Smooth scrolling
  • Time for action - setting up smooth scrolling
  • Summary
  • Chapter 5: Creating Custom Tooltips
  • Simple custom text tooltips
  • Time for action - simple text tooltips
  • Customizing qTip's appearance
  • Time for action - customizing qTips
  • Custom styles for tooltips
  • Time for action - writing custom tooltip styles
  • Enhancing navigation with tooltips
  • Time for action - building a fancy navigation bar
  • Showing other content in tooltips
  • Time for action - building custom Ajax tooltips
  • Summary
  • Chapter 6: Building an Interactive Navigation Menu
  • Horizontal drop-down menu
  • Time for action - creating a horizontal drop-down menu
  • Time for action - improving the drop-down menu with jQuery
  • Vertical fly-out menu
  • Time for action - creating a vertical fly-out menu
  • Customizing the navigation menu
  • :hover and .sfHover
  • Cascading inherited styles
  • Vendor prefixes
  • Time for action - customizing Superfish menus
  • Custom animation
  • Time for action - incorporating custom animation
  • The hoverIntent plugin
  • Time for action - adding the hoverIntent plugin
  • Summary
  • Chapter 7: Navigating Asynchronously
  • Simple asynchronous navigation
  • Time for action - setting up a simple website
  • Time for action - adding Ajax magic
  • Deluxe asynchronous navigation
  • Time for action - building deluxe asynchronous navigation
  • Time for action - using the BBQ plugin
  • Time for action - highlighting the current page in the Navigation
  • Time for action - adding a loading animation
  • Summary
  • Chapter 8: Showing Content in Lightboxes
  • Simple photo gallery
  • Time for action - setting up a simple photo gallery
  • Customizing Colorbox's behavior
  • Transition
  • Time for action - using a custom transition
  • Fixed size
  • Time for action - setting a fixed size
  • innerWidth/innerHeight.
  • InitialWidth/initialHeight
  • maxWidth/maxHeight
  • Creating a slideshow
  • Time for action - creating a slideshow
  • Fancy login
  • Time for action - creating a fancy login form
  • Video player
  • Time for action - showing a video in a lightbox
  • One-page web gallery
  • Time for action - creating a one-page web gallery
  • Summary
  • Chapter 9: Creating Slideshows
  • Planning a slideshow
  • Simple crossfade slideshow
  • Time for action - creating a simple crossfade slideshow
  • Nivo Slider
  • Time for action - creating a Nivo Slider slideshow
  • Galleriffic slideshow
  • Time for action - creating a Galleriffic slideshow
  • The CrossSlide plugin
  • Time for action - building a CrossSlide slideshow
  • Summary
  • Chapter 10: Featuring Content in Carousels and Sliders
  • Basic jCarousel
  • Time for action - creating a basic carousel
  • Animated news ticker
  • Time for action - creating an animated news ticker
  • Featured content slider
  • Time for action - creating a featured content slider
  • Pagination controls
  • Time for action - adding pagination controls
  • Next and previous buttons
  • Time for action - adding next and previous buttons
  • Carousel slideshow
  • Time for action - creating a thumbnail slideshow
  • Slideshow
  • Time for action - adding the slideshow
  • Next and previous buttons
  • Time for action - activating the Next and Previous Buttons
  • Summary
  • Chapter 11: Creating an Interactive Data Grid
  • Basic data grid
  • Time for action - creating a basic data grid
  • Customizing the data grid
  • Time for action - customizing the data grid
  • Summary
  • Chapter 12: Improving Forms
  • An HTML5 web form
  • Time for action - setting up an HTML5 web form
  • Setting focus
  • Time for action - setting focus to the first field
  • Placeholder text
  • Time for action - adding placeholder text
  • Validating user entry.
  • Time for action - validating form values on the fly
  • Improving appearance
  • Time for action - improving form appearance
  • Styling the unstylable
  • Time for action - adding uniform for styling the unstylable
  • Styles for all
  • Time for action - styling the styleable
  • Our own theme
  • Time for action - creating a custom uniform theme
  • Summary
  • Index.