Book description
An approachable introduction to web design in jQuery for non-programmers with this book and ebook.
- Enhance the user experience of your site by adding useful jQuery features
- Learn the basics of adding impressive jQuery effects and animations even if you've never written a line of JavaScript
- Easy step-by-step approach shows you everything you need to know to get started improving your website with jQuery
In Detail
jQuery is awesome for designers – it builds easily on the CSS and HTML you already know and allows you to create impressive effects with just a few lines of code. However, without a background in programming, JavaScript – on which jQuery is built – can feel intimidating and impossible to grasp. This book will show you how simple it can be to learn the basics and then extend your capabilities by taking advantage of jQuery plugins.
jQuery for Designers offers approachable lessons for designers with little or no background in JavaScript. The book begins by introducing the jQuery library and a small and simple introduction to JavaScript. Then you'll step through a few simple tasks to get your feet wet before diving into using plugins to quickly and simply add complex effects with just a few lines of code.
You'll be surprised at how far you can get with JavaScript when you start with the power of the jQuery library and this book will show you how. We'll cover common interface widgets and effects such as tabbed interfaces, custom tooltips, and custom scrollbars. You'll learn how to create an animated navigation menu and how to add simple AJAX effects to enhance your site visitors' experience. Then we'll wrap up with interactive data grids which make sorting and searching data easy.
Table of contents
-
jQuery for Designers Beginner's Guide
- Table of Contents
- jQuery for Designers Beginner's Guide
- Credits
- About the Author
- About the Reviewers
- www.PacktPub.com
- Preface
-
1. Designer, Meet jQuery
- What is jQuery?
- Why is jQuery awesome for designers?
- JavaScript basics
- Designer, meet JavaScript
- 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
- Time for action – adding a new paragraph
- Summary
- 2. Enhancing Links
- 3. Making a Better FAQ Page
-
4. Building Custom Scrollbars
- Designer, meet plugins
- 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
-
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
-
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
- Vendor prefixes
- Time for action – customizing Superfish menus
- Time for action – incorporating custom animation
- The hoverIntent plugin
- Time for action – adding the hoverIntent plugin
- Summary
-
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
-
8. Showing Content in Lightboxes
- Simple photo gallery
- Time for action – setting up a simple photo gallery
- Customizing Colorbox's behavior
- Time for action – using a custom transition
- Time for action – setting a fixed size
- 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
-
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
-
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
- Time for action – adding pagination controls
- Time for action – adding next and previous buttons
- Carousel slideshow
- Time for action – creating a thumbnail slideshow
- Time for action – adding the slideshow
- Time for action – activating the Next and Previous Buttons
- Summary
- 11. Creating an Interactive Data Grid
-
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
- Time for action – adding uniform for styling the unstylable
- Time for action – styling the styleable
- Time for action – creating a custom uniform theme
- Summary
- Index
Product information
- Title: jQuery for Designers Beginner's Guide
- Author(s):
- Release date: April 2012
- Publisher(s): Packt Publishing
- ISBN: 9781849516709
You might also like
book
JavaScript: Best Practice
There's no doubt that the JavaScript ecosystem changes fast. Not only are new tools and frameworks …
book
CSS Pocket Reference, 5th Edition
When youâ??re working with CSS and need an answer now, this concise yet comprehensive quick reference …
book
Beginning jQuery: From the Basics of jQuery to Writing your Own Plug-ins
Navigate the tricky issues around cross-browser inconsistencies and use jQuery to avoid wasting time fixing these …
video
The Complete jQuery Course - Beginner to Professional
jQuery is still the most popular JavaScript library available; in fact, over 19 million websites use …