background preloader

55 Fresh jQuery Gallery And Image Sliders: Best of 2016

55 Fresh jQuery Gallery And Image Sliders: Best of 2016

Related:  JS/Jquerypart-time-nerd

jQuery Cheat Sheet Selectors Basics Hierarchy 25 Useful Resources for Creating Tooltips With JavaScript or CSS Tooltips are awesome, there’s simply no denying it. They provide a simple, predictable and straightforward way to provide your users with useful, context-sensitive information, and they look cool to boot. We all agree on how great tooltips are, but how we go about implementing them can differ dramatically. If you’re at square one, looking for some tooltip ideas for your current project, you’ve come to the right place.

10 Cool jQuery WebApps & Plugins Today we’ve listed 10 cool web applications and plugins using jQuery which may prove useful to improve your website. Add some style statement and great functionality with these jQuery plugins. Have fun! Create a Slick and Accessible Slideshow Using jQuery By Jacob Gube In this in-depth web development tutorial, you’ll learn how to create a usable and web accessible slideshow widget for your site using HTML, CSS, and JavaScript (jQuery). In the process, you’ll see the concept of Progressive Enhancement in action. Examples Basic gradients animation Basic gradients animation with 3 gradients in queue composed of 2 colors. Radial gradients animation Radial gradients animation with 3 gradients in queue composed of 2 colors. Gradients with an image

jQuery Proven Performance Tips And Tricks (Slides) Thanks to everyone that attended the jQuery London and London Web Standards meetups this month. As requested, here are the slides from my talks including links to all of the jsPerf tests embedded for each section. Summary In case you missed the talk, the main takeaway from it was the importance of performance-testing your JavaScript and jQuery code (and appreciating performance gotchas you can keep in mind when writing code that uses jQuery). I feel that this is an area developers can significantly benefit from investigating further. If you haven't been using it, jsPerf.comis the bizness, so check it out.

25 jQuery Slider/Image Gallery Tutorials and Plugins This post was originally published several years ago. As technology and trends have changed over the years, the content of the post became outdated. So we’ve updated the post with all new examples that will be more relevant for modern design and development. jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery.

Auto-Hiding Navigation in CSS and jQuery A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up. Browser support ie Chrome Firefox Safari Opera 9+ Auto-hiding navigations have been around for quite some time now, in particular on mobile devices. 165 Awesome jQuery Sliders and Other Useful jQuery Effects Slider are very useful and increasingly popular web page elements used for highlighting important content. By using a jQuery slider plugin, one can create amazing HTML slider effects with fancy animations of content elements like text and images. jQuery takes care of the difficult aspects like browser support and typically when using jQuery plugins it can be done with very little coding effort. This is the reason why jQuery sliders and jQuery banner slideshow scripts have become very popular on most types of websites. They are are typically used to feature multiple products, news, video etc. without taking up a lot of space on the pages.