This is the newest and must-have item for jquery. You can download AIR application as well.
http://api.jquery.com/
|
|||||
|
Jeffrey is a very resourceful person. He is one of person behind the famous NETTUTS. Zach Dunn from buildinternet.com shared his jquery menu. http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/ Thanks Zach. $(document).ready(function(){
//When mouse rolls over //When mouse is removed }); Sam Dunn from Buildinternet.com wrote a jquery snippet “Changing Form Input Styles on Focus with jQuery” Chris Coyier from CSS-trics gave us a snippet how to set font size based on word count. There are many jquery menus. However I found that some are not gracefully degradable and some don’t work in IE6 etc. I found good one with mootools. Then I wanted to change it to jquery for other reasons. I found two jquery menus for my purpose. Both of them works without javascript enabled and in IE6. http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery I decided to use the first one since it does not need other js as the second one and it serves my purpose. This menu does not look fancy, because of color, but I used this for some websites. www.cecilieokada.com www.designvalg.no and other websites. I found this snippet a while ago. This will allow you to edit webpage. I have bought two books about jquery from Amazon last year. 1. Learning jQuery: Better Interaction Design and Web Development with Simple JavaScript Techniques and 2. jQuery Reference Guide: A Comprehensive Exploration of the Popular JavaScript Library The first one is excellent. If you are a beginner like me and want to learn jquery, I highly recommend it. I have read three times the first 6 chapters and I am still reading and digesting the rest of the book slowly. What I realized is that I need to know javascript. From chapter 7, you need to know javascript well. Not only the beginners level. That’s why I am going to buy a couple of javascript books for learning it, and I will tell you in the second part what I am going to order. I am disappointed about the second book a bit. If you need a reference on your desk, it may serve what it’s supposed to do. But you can find more information from http://visualjquery.com/ with examples. This website is an excellent resource for jquery. Now after some research I decided to buy the following books for my learning jquery and javascript. The first one is Douglas Crockford is a highly regarded javascript expert. You can find his talks in Yahoo! UI Library In his talk, he recommended only one book which is least bad. That’s the second one I am going to buy. Some cretics comment about lack of examples in this book, but overall reviews are good. The third one is I am hoping to learn more about jquery from this book. jQuery UI 1.6: The User Interface Library for jQuery And the author of Learning jQuery, Karl Swedberg is publishing another jquery book in May 2009. Well I have to how much left in my wallet… I used Amazon Associates for the above link. I can earn some Amazon gift card so that I can buy more books! This post explains how to make an animated menu using jquery and sprite. $(function() {
// set opacity to nill on page load $(“ul#menu span”).css(“opacity”,”0″); // on mouse over $(“ul#menu span”).hover(function () { // animate opacity to full $(this).stop().animate({ opacity: 1 }, “slow”); }, // on mouse out function () { // animate opacity to nill $(this).stop().animate({ opacity: 0 }, “slow”); }); }); This is a nice way to keep a viewer’s cookie so that when they come back they have the same settings. This can be used for text size or layout setting. http://www.shopdev.co.uk/blog/cookies-with-jquery-designing-collapsible-layouts/ The code is simple and easy to understand what’s going on. I recommend to go through all the tutorials in this website or subscribe their RSS. |
|||||
|
Copyright © 2012 Cecilie Okada Design Blog - All Rights Reserved |
|||||
