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...
Autor principal: | |
---|---|
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.