使用jQuery提升用户体验：设计师初学者指南第二版

需积分: 10 168 浏览量更新于2024-07-19 收藏 7.99MB PDF 举报

"jQuery for Designers Beginner's Guide Second Edition 无水印原版pdf" 《jQuery for Designers Beginner's Guide Second Edition》是一本专为设计师准备的jQuery入门指南，旨在帮助设计人员利用流行的JavaScript库来创建交互式的网页，提升用户体验。本书由Natalie MacLees撰写，由Birmingham-Mumbai的Packt Publishing出版。 jQuery是一种轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务，使得网页开发更加高效和简便。本书适合那些具有基本网页设计背景但对JavaScript或jQuery不熟悉的读者。通过学习这本书，读者将能够： 1. **理解jQuery基础**：掌握如何引入jQuery库到项目中，了解jQuery选择器的基本用法，用于定位和操作HTML元素。 2. **DOM操作**：学习如何使用jQuery修改、添加和删除HTML元素，以实现动态内容更新和布局调整。 3. **事件处理**：掌握如何绑定事件处理函数，响应用户的交互，如点击、滚动和表单提交等。 4. **动画效果**：了解如何创建平滑的过渡和动画效果，增强用户界面的视觉吸引力。 5. **Ajax交互**：学习如何使用jQuery简化Ajax请求，实现实时数据加载和异步通信，提升网页的响应速度和用户体验。 6. **插件使用**：探索jQuery生态系统中的各种插件，如图片轮播、表单验证工具等，以快速集成常见功能。 7. **优化和性能**：学习最佳实践，优化代码，减少页面加载时间，确保网站在不同设备和浏览器上的兼容性。书中可能还会涵盖如何调试jQuery代码，以及如何与其他前端框架（如Bootstrap）集成等内容。值得注意的是，虽然作者和出版社已尽力确保书中信息的准确性，但读者在实际应用时仍需自行验证并根据具体情况进行调整。由于这是一本英文版的书籍，对于中文读者来说，可能需要一定的英语阅读能力。如果在阅读过程中遇到问题，可以通过搜索网络资源或在专业的技术社区（如CSDN）寻求帮助。此外，如果发现内容有侵权情况，应联系上传者或相关平台进行处理。《jQuery for Designers Beginner's Guide Second Edition》是设计师开启jQuery学习之旅的理想起点，通过系统的学习，设计师可以将动态性和交互性更好地融入到他们的作品中，从而提升整体的网页设计水平。

Preface

This book is intended for designers who have a basic understanding of HTML and CSS,

but want to advance their skill set by learning basic JavaScript. It's not necessary that you

understand JavaScript well. Even if you've never aempted to write JavaScript before, this

book will guide you through the process of seng up basic JavaScript and accomplishing

common tasks such as collapsing content, drop-down menus, and slideshows; all thanks to

the jQuery library.

What this book covers

Chapter 1, Designer, Meet jQuery, is an introducon to the jQuery library and JavaScript.

You'll learn about jQuery's rise to fame, why it's so great for designers, and how it can help

you create some fancy special eects without having to learn a lot of code. This chapter

also includes a gentle and small introducon to JavaScript, progressive enhancement,

and graceful degradaon, and guides you through wring your rst JavaScript code.

Chapter 2, Enhancing Links, walks you through some basic enhancements to links. You'll

learn how to use jQuery to turn a list of links into a tabbed interface. Then, we'll take our

rst look at jQuery plugins where you'll learn to add custom toolps to your links using the

jQuery PowerTip plugin.

Chapter 3, Making a Beer FAQ Page, will introduce you to collapsing and showing content,

as well as creang simple animaons and traversing an HTML document to move from one

element to another. In this chapter, we'll set up a basic FAQ list, then work to progressively

enhance it to make it easier for our site visitors to use.

Preface

[

]

Chapter 4, Building an Interacve Navigaon Menu, guides you through seng up fully

funconing and visually stunning drop-down and y-out menus. We'll walk through the

complex CSS required to get these types of menus working, use the Supersh plugin to

ll in features missing from pure CSS soluons, and then take a look at customizing the

appearance of the menus.

Chapter 5, Showing Content in Lightboxes, will walk you through showing photos and

slideshows in a lightbox using the Colorbox jQuery plugin. Once we get the basics down,

we'll also take a look at using the Colorbox plugin to create a fancy login, play a collecon

of videos, and even set up a single-page website gallery.

Chapter 6, Creang Slideshows and Sliders, walks you through seng up a simple crossfade

slideshow without a plugin. Then, we'll take a look at the Basic Slider plugin to create a

simple slideshow with controls. Finally, we'll take a look at the Cycle2 plugin, a exible and

customizable opon that can be used to create sliders, slideshows, and carousels.

Chapter 7, Working with Responsive Designs, will dive deep into jQuery techniques for

responsive designs. This includes ng videos to the viewport, turning a drop-down

menu into a responsive menu, and building a led layout for displaying image galleries.

Chapter 8, Geng the Most from Images, walks you through a few techniques to work with

images in a more eecve way. We'll take a look at lazy-loading images so that images are

only loaded if our site visitor scrolls to them. We'll add an image zoom capability and nally,

we'll take a look at creang fullscreen background images and slideshows for our pages.

Chapter 9, Improving Typography, shows you techniques to deal with typography eecvely

in responsive designs. We'll take a look at the FitText plugin to t headlines to the width of

the browser window, the SlabText plugin to create mulline headlines, the Leering.js plugin

to ne-tune kerning and to apply special eects, and nally, the ArcText plugin to set a text

on a curve.

Chapter 10, Displaying Data Beaufully, takes a look at the important task of displaying data

in an easy-to-understand way for your site visitors. First of all, we'll take a look at turning an

ordinary HTML table into an interacve data grid with the DataTables plugin. Then, we'll look

at turning HTML tables into charts and graphs that communicate our data clearly to our site

visitors in an accessible and progressively enhanced way.

Chapter 11, Reacng to Scrolling, dives into the fun task of scrolling animaons and parallax

eects. We'll use the Scrollorama plugin to create a parallax eect, trigger animaons on

scroll, and acvate a navigaon bar that reacts to us scrolling down the page.

Preface

[

]

Chapter 12, Improving Forms, takes a look at how forms can be improved. This chapter

walks you through seng up an HTML form properly using some of the latest HTML5 form

elements. Then, we enhance the form by placing the cursor in the rst eld and validang

the site visitor's form entries. Finally, we take a look at the FancyForm jQuery plugin, which

allows us to style even the most stubborn and challenging form elements to achieve a

consistent look for our forms across browsers.

What you need for this book

You'll need a text editor to create HTML, CSS, and JavaScript les. Some great free opons

available are TextWrangler for Mac or Notepad++ for Windows. There are many other

opons available, and you are free to use your favorite text editor for any of the examples

in this book. My personal favorite is Sublime Text, which is easy to work with and has a very

nice feature set. If you haven't tried it before, I encourage you to download an evaluaon

copy for free to give it a try.

You'll also need a browser. My personal favorite is Google Chrome, which includes some

really helpful built-in debugging tools for both CSS and JavaScript. Again, you are free to

use your favorite browser for the examples in the book.

If you want to create images for your own designs, then Adobe Photoshop and Adobe

Illustrator will be helpful, though they are not strictly necessary. All images needed to

set up the examples used in this book are included in the sample code.

jQuery and jQuery plugins are being updated all the me. As new browsers are released

with new support and capabilies, and as JavaScript, HTML, and CSS are further developed,

new versions of jQuery and plugins are released to keep pace with the change. On one hand,

this is a great news—jQuery and accompanying plugins get faster and more powerful all

the me. On the other hand, it can be tough to keep up with all the changes. All versions

of the plugins referenced were current at the me of wring the book, but you might nd

some dierences when you work through the exercises. Plugin developers are usually very

good at documenng the changes and updates, so don't be afraid to read through the

documentaon so you can understand what's changed and what adjustments you might

need to make.

Who this book is for

This book is for designers who know the basics of HTML and CSS, but want to extend their

knowledge by learning how to use JavaScript and jQuery.

剩余397页未读，继续阅读

yinkaisheng-nj

粉丝: 762
资源: 6231

使用jQuery提升用户体验：设计师初学者指南第二版

jQuery for Designers：初学者指南

"TI电源产品选型指南：简化难题，解决设计问题

"NuMicro® MA35D1系列硬件开发指南及PDF文档

[Packt Publishing] jQuery for Designers Beginner's Guide

Learning iOS Design A Hands-On Guide for Programmers and Designers 无水印原版pdf

Prototyping for Designers Developing the Best Digital and Physical 无水印转化版pdf

PHP for designers.pdf

EMC for Product Designers, Fourth Edition

Visual Media Processing Using MATLAB Beginner's Guide

Designers-Guide to Spice and Spectre.pdf

最新资源