50 Awesome jQuery Tutorials to Help You Design jQuery is hot topic now a days in design and development industry. Every designer plays with it and every clients wants it to be part of their project. Awesomeness of it is, everybody can play with it without knowing any programming language. There are plenty of plugins available which helps you get the desired effect/output with minimum coding knowledge. We made collection of 50 Awesome jQuery tutorials which guides you step by step to get the desired output. 1. This is great for providing an experience users are used to, but there are a few interesting alternatives that you may like to hear about – how about displaying your images or items around a shape like a circle or an ellipse instead?. 2. This project was created by layering several empty discover each other with transparent PNGs as background images. 3. The idea is to have some vertical accordion tabs that slide out when hovering. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Jquery Accordion Image Slider using the Kqicks plug-in for Jquery.
What's Upcoming in jQuery 1.8, 1.9 and 2.0, and the Removal of IE6/7/8 Support The jQuery Core team has recently released jQuery 1.8 Beta 1. The code is available from the jQuery CDN at The GA release is expected July 2012. jQuery 1.8 Here are the most notable changes for version 1.8. Customizable jQuery 1.8 has a new build system based on grunt that allows you to easily build custom versions of jQuery. git clone cd jquery && npm install grunt custom:-ajax,-css,-deprecated,-dimensions,-effects,-offset This will give you a custom jQuery that's about 21KB (minified and gzipped). Automatic Vendor CSS Prefixing $.css() automatically takes the non-prefixed property name and generates the prefix that is appropriate for the current browser. $.Animation The jQuery animation code has been cleaned up and enhanced with several extension points that make it easier to add or modify animations. Sizzle Selector Engine Update Sizzle, jQuery's CSS selector engine, has undergone a major rewrite in 1.8. jQuery 1.9
Responsive jQuery Masonry · Osvaldas Valutis …or Pinterest-style layout. jQuery Masonry is a jQuery-based plugin for a dynamic grid layout built by David DeSandro. What it does is “arranges elements vertically, positioning each element in the next open spot in the grid” and what you get is “minimized vertical gaps between elements of varying height”. Sounds too higgledy-piggledy? Remember the social network you quit a while ago because of the obvious reasons, whereas your wife/girlfriend still uses it on a daily basis and you can't get her off from this? Sheepy Me is a website where I constantly combine time-tested techniques and new trends. jQuery Masonry is not the only plugin and method for achieving the same effect, but it was the one actually working as well as working in the way I prefer. The Grid Three-column grid is when screen width is higher than 640 pixels. Setting It Up Apart from the obvious include-jQuery-first, let's see how actual things look like before bringing them to the world of responsiveness. That's it! Demo
Personnaliser l’aspect des boutons radio et checkbox avec Javascript | Le blog de l'Intégrateur Web : HTML5, CSS3, Javascript, SEO et plus! iCheck est un plugin pour jquery et Zepto permettant de personnaliser vos checkbox et boutons radio. Il est compatible avec une grande majorité de navigateurs contrairement au CSS3 qui pose encore problème dans certains cas … voici les avantages d’utiliser le JavaScript: - Compatible sur tous les navigateurs web et mobile. - Possibilités de personnalisation - Interaction possible avec les raccourcis clavier (Tab, Espace, Haut/Bas, etc…) - Poids du plugin (1ko en gzip) - 32 Options - 11 Callbacks pour les actions (ifClicked,ifChanged,ifChecked,ifEnabled…) - 9 Méthodes pour interagir automatiquement sur les éléments (changer l’état des check box, changer un input, etc..) iCheck propose également des skins (optimisés pour écrans Retina) prêt à l’usage qu’il est possible de personnaliser. Ce plugin a été vérifié sur Internet Explorer 6+, Firefox 2+, Opera 9+, Google Chrome ainsi que Opera mini, Chrome mobile, Safari mobile, Android browser, Silk et plus… Téléchargez iCheck sur github Alex