background preloader

Jquery

Facebook Twitter

Learn to code. 53 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection. If for whatever reason you don’t know jQuery, it is a “write less, do more” JavaScript library.

53 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection

It has many Ajax and JavaScript features to allow you enhance semantic coding and user experience. From jQuery homepage – “jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.” jQuery definitely is one of the biggest trends coming in up-to-date designs and the best of all, everything is done without countless code lines. Keeping in mind such aspects I created hopefully pretty complete collection of jQuery sites, tip and trick articles, video screencasts, tutorials, cheat sheets and lot’s more.

Took a while to compile and research was really solid. Getting Started. Make Your jQuery Website Buttons/Links Work with iPad/iPhone « Exoboy's Blog. How to Make your website buttons and links work on the iPad/iPhone without massive customization.

Make Your jQuery Website Buttons/Links Work with iPad/iPhone « Exoboy's Blog

This tutorial requires an intermediate understanding of JavaScript, HTML, CSS, and jQuery. Also, I will supply a sample in plain JavaScript, but this solution works best if you are using the jQuery API to build more cross-browser compatible web pages. So… You just completed your latest website for a client. You used jQuery to help eliminate all those pesky browser-specific idiosyncrasies and everything works flawlessly in the dreaded Internet Explorer 7/8/9 as well as all other popular browsers. You have even managed to convinced the client that there really is no need to support versions earlier than IE7. However, there is one issue on which the client will not bend. But when you pull up your new site, the one that tested so well in all other browsers, you are finding out that most of your links and buttons are not working properly.

What is Going On? Why Not Just Use Straight Javascript? <! 40 Brilliant and Advanced jQuery Effects To Use In Your Websites. Just a while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website.

40 Brilliant and Advanced jQuery Effects To Use In Your Websites

But today, there’s an upward trend seen in the web development world to use alternative technologies to Flash, such as jQuery, Ajax and others. Though Flash is still a very powerful and useful tool several of the effects that web designers are accustomed to creating in Flash, can be just as easily implemented using jQuery. The jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used, and the ability to craft sophisticated custom effects.

24 Irresistible jQuery Tips to Power Up Your JavaScript Skills — tripwire m... jQuery makes using JavaScript easy even for most designers because of it’s huge community and supply of really useful plugins.

24 Irresistible jQuery Tips to Power Up Your JavaScript Skills — tripwire m...

Using plugins is great for sure but knowing a bit more of what is going on behind the curtain can make you more powerful than you would expect. Digging into the coding details may not be that simple but with the good examples, tips and tricks in this article you should have a good chance. Advertisement Storing Data Use data method and avoid storing data inside the DOM. $('selector').attr('alt', 'data being stored'); // later the data can be retrieved using: $('selector').attr('alt'); HTML attributes is not meant to store data like that and the “alt” as a parameter name does not really make sense. $('selector').data('paramtername', 'data being stored'); // then later getting the data with $('selector').data('paramtername'); Demo here Columns of equal height This tip show you how to use two CSS columns, and make them having exactly the same height?

Target blank links ... 30+Beautiful jQuery Menu Navigation - jQuery Menu. In this showcasing, we have pick up beautiful jquery menu navigation plugins and tutorials that you can also download free.

30+Beautiful jQuery Menu Navigation - jQuery Menu

In fact, menu is useful navigation link that you will see on every websites, it is an important part of website to show visitor about your website purpose and also easy for user to find information on the website. All those jquery plugin menu types such as jquery slide menu, jquery vertical menu, jquery menu dropdown, jquery context menu, jquery sliding menu, jquery tree menu, jquery menu button, jquery top menu, jquery menus, jquery menu bar, jquery floating menu, jquery accordion menu, jquery horizontal menu, jquery expanding menu, jquery hover menu, jquery popup menu…etc. Coda-Slider 2.0 - Niall Doherty's dot biz.

You heard that right.

Coda-Slider 2.0 - Niall Doherty's dot biz

The Coda Slider has been a great, reliable plugin for thousands of websites since way back in 2007. However, the web has changed a lot since back then. Most drastically how we access it. With the variety of mobile devices of varying screen resolutions now commonly used by many, the way we previously approached web design is no longer good enough. Introducing the Liquid Slider A fully responsive, powerful content slider with swipe functionality. Oh, did I mention it's also free? Still want the Coda Slider? If you still would like to use the Coda Slider, it will forever be available on GitHub. Slide 4 Proin nec turpis eget dolor dictum lacinia.

Slide 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Slide 2 Slide 3 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Basic documentation is available on the Coda Slider's GitHub page.