By Natalie MacLees
An approachable advent to website design in jQuery for non-programmers * improve the person event of your web site by means of including helpful jQuery features
* study the fundamentals of including extraordinary jQuery results and animations whether you've by no means written a line of JavaScript
* effortless step by step method exhibits you every little thing you must understand to start enhancing your web site with jQuery
In Detail
jQuery is extraordinary for designers - it builds simply at the CSS and HTML you realize and lets you create extraordinary results with quite a few traces of code. besides the fact that, with out a historical past in programming, JavaScript - on which jQuery is equipped - can suppose intimidating and very unlikely to know. This booklet will express you the way uncomplicated it may be to profit the fundamentals after which expand your features by way of profiting from jQuery plugins.
jQuery for Designers deals approachable classes for designers with very little history in JavaScript. The publication starts by means of introducing the jQuery library and a small and straightforward creation to JavaScript. Then you'll step via a number of basic initiatives to get your toes rainy ahead of diving into utilizing plugins to speedy and easily upload complicated results with quite a few strains of code.
You'll be stunned at how a long way you will get with JavaScript in the event you commence with the ability of the jQuery library and this booklet will exhibit you ways. We'll hide universal interface widgets and results comparable to tabbed interfaces, customized tooltips, and customized scrollbars. You'll easy methods to create an lively navigation menu and the way so as to add easy AJAX results to reinforce your visitors adventure. Then we'll wrap up with interactive facts grids which make sorting and looking out facts effortless.
What you'll research from this book * obtain and contain the jQuery library in your website
* construct browsable photograph galleries and lively slideshows, besides carousels and sliders
* Create tabbed interfaces in a number of strains of code and not using a plugin
* comprise customized scrollbars that healthy the layout of your web site yet are nonetheless effortless in your visitors to use
* Use AJAX to simply load up the altering content material region instead of the complete page
* increase the navigation in your website through the use of animations and customized tooltips
* improve internet types to cause them to more uncomplicated in your web site customer to use
Approach
Part of Packt's Beginner's consultant sequence, each one bankruptcy makes a speciality of a selected a part of your site and the way to enhance its layout with using jQuery. there are many screenshots and useful step by step directions making it effortless to use jQuery in your website.
Who this e-book is written for
This booklet is for designers who've the fundamentals of HTML and CSS, yet are looking to expand their wisdom by means of studying to exploit JavaScript and jQuery.
Read Online or Download jQuery for Designers: Beginner's Guide PDF
Similar web development books
Innovative instruments are rising from examine labs that let all laptop clients to customise and automate their use of the net with out studying how you can software. No Code Required takes innovative fabric from educational and leaders - the folks growing those instruments -- and provides the examine, improvement, software, and influence of quite a few new and rising platforms.
Download e-book for iPad: Node.js in Practice by Marc Harter, Alex R. Young
Node. js in perform is a suite of absolutely verified examples that supply suggestions to the typical and not-so-common concerns you face in the event you roll out Node. You'll dig into vital issues just like the bits and bobs of event-based programming, how and why to take advantage of closures, the way to constitution functions to use end-to-end JavaScript apps, and extra.
Download e-book for iPad: Node.js for .NET Developers by David Gaynes
Construct scalable, high-traffic web content and net functions with Node. js
For many . internet programmers, Node. js represents a brand new technique to construct high-traffic web pages and purposes. Now there’s a realistic, concise creation to Node. js particularly for Microsoft builders. David Gaynes courses you thru the total Node. js improvement strategy. utilizing Microsoft visible Studio examples, he addresses every thing from developing servers and authorization via offering wealthy CSS pages full of pictures and data-driven content material. Gaynes truly explains Node. js’s async version, coding technique, request/response paradigm, web site constitution, facts administration, defense, and extra. This fast advisor might help you practice your hard-won . web abilities to Node. js.
Expert suggestions exhibiting you ways to:
decide upon, manage, and configure the instruments you want to construct Node. js suggestions in visible Studio
practice JavaScript coding practices that assist you steer clear of difficulties in Node. js
paintings with callback capabilities and the Node. js asynchronous programming version
manage a Node. js venture and use what you recognize approximately MVVM and MVC styles
keep an eye on the complete Node. js request/response lifestyles cycle
determine website constitution, routes, and entry to static assets
deal with information via caching, varieties, IO concepts, and dossier uploads
combine info from Microsoft SQL Server and different databases
Use Passport to combine uncomplicated, versatile authentication
Get The Web Designer's Idea Book, Volume 4: Inspiration from the PDF
Detect the most recent developments in website design! searching for proposal in your newest website design undertaking? professional Patrick McNeil, writer of the preferred internet Designer's proposal e-book sequence, is again with all new examples of today's top web design. that includes greater than 650 examples of the most recent developments, this fourth quantity of the internet Designer's inspiration ebook is overflowing with visible proposal.
- Meteor in Action
- Search Engine Marketing, Inc.: Driving Search Traffic to Your Company's Web Site
- Learning PHP, MySQL, JavaScript, and CSS: A Step-by-Step Guide to Creating Dynamic Websites (2nd Edition)
- Amazon Web Services For Dummies
- jQuery: A Beginner's Guide
Extra resources for jQuery for Designers: Beginner's Guide
Sample text
Let's add a new paragraph to our page. Time for action – adding a new paragraph 1. We need to tell jQuery what to do when the document is ready. ready(function(){ // Our code will go here }); We'll write what's going to happen inside this function. [ 20 ] Chapter 1 What about that line that starts with //? That's one way of writing a comment in JavaScript. A // tells JavaScript to ignore everything else on that line because it's a comment. Adding comments to your JavaScript is a great way to help yourself keep track of what's happening on what line.
So let's add a parameter to our function and a line of code to cancel the default link behavior. preventDefault(); }); } You'll notice that the function we've attached to the click action on the link now has an e inside the parentheses. This is a parameter that we're passing to this function. In this case e represents the click event of the link. preventDefault(); This tells the browser to stop the default behavior of the link. If you reload the page in your browser and click on the link, you'll see that it correctly opens the destination page in a new window, and it no longer opens the link in the current window: [ 28 ] Chapter 2 11.
A // tells JavaScript to ignore everything else on that line because it's a comment. Adding comments to your JavaScript is a great way to help yourself keep track of what's happening on what line. It's also great for helping along other developers who might need to work on your code. It can even be great for helping yourself if you haven't looked at your own code in a few months. 2. '); }); What just happened? Our function is using the jQuery function again: $('body') Remember how I said that jQuery uses CSS selectors to find stuff?
