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

Format:

Book

Author/Creator:

MacLees, Natalie.

Series:

Learn by doing : less theory, more results

Language:

English

Subjects (All):

Web sites--Design--Handbooks, manuals, etc.

Web sites.

Web site development--Handbooks, manuals, etc.

Web site development.

Physical Description:

1 online resource (332 p.)

Edition:

1st edition

Place of Publication:

Olton, Birmingham [England] : Packt Pub., 2012.

Language Note:

English

System Details:

Mode of access: World Wide Web.

text file

Biography/History:

Maclees Natalie: contacted on 10 may '16 _______________ Natalie MacLees is the founder of Purple Pen Productions (purplepen. com), an interactive agency based in Los Angeles, California. She has been designing websites since 1997 and is a passionate advocate of both accessibility and usability. She loves teaching and sharing her knowledge, both in seminars and workshops and also with her clients. She discovered WordPress a few years ago as a flexible, extendable, and quick way to build robust websites that clients could manage on their own. She is the organizer of the Southern California WordPress Meetup Group. She is also a Google Analytics Qualified Individual.

Summary:

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 designers who have the basics of HTML and CSS, but want to extend their knowledge by learning to use JavaScript and jQuery.

Contents:

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

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

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

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

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

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

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

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

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

Time for action - activating the Next and Previous Buttons

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

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

Index.

Notes:

Includes index.

Includes bibliographical references and index.

ISBN:

9786613572196

9781280394270

1280394277

9781849516716

1849516715

OCLC:

794492406