10 Useful and very attractive jQuery Widgets and Plugins that do various things. In this post, I have collected a set of 10 very attractive jQuery widgets that range from smart image galleries, text enhancers, snicky notes, image tweens and more. Enjoy!
1. jQuery Masonry
A layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.
2. Sponsor Flip Wall With jQuery and CSS
An attractive plugin to showcase data in a grid. The thumbnails in the grid flip over to reveal further info on clicking them.
3. Fly Off Page with jQuery
It will take selected elements and make them fly (not literally) off the page in a random or pre-defined direction. Customizable options include duration (of the animation), direction, tween (extend animation) and retain space which allows you to retain, disregard or animate-out the space that the specified element once took up.
4. jQuery SpryMap
5. Sliderman Js
6. TopUp jQuery Plugin
TopUp offers the following advantages:
> TopUp is absolutely free, also for commercial use
> Auto-correction of size and position when required
> TopUp can be used along with Prototype
> Cross-browser compatibility
> Fancy layouts, animations and transitions
7. Background Image Tweening with jQuery
A tiny and easy to use unobtrusive element background changer, which keeps your DOM clean and your transitions smooth.
8. AJAX-enabled Sticky Notes with PHP and jQuery
An AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes with a live preview, and move them around on the screen.
9. Colorful Sliders With jQuery and CSS3
In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect. The techniques presented here – for creating sliders, and CSS dynamic resizable bars, can be used together or in part for powering all sorts of jQuery goodness.
10. jQuery panelGallery
A free jQuery plugin, distributed under the Creative Commons Attribution 2.5 License, which means that you are free to use and modify it for any purpose.
Using Redis with Node.js
By Ivaylo Gerchev,
Need fast data interactions in your Node app? Learn how Redis speeds caching, message brokering, sessions, analytics, streaming and more.
Build a Website with React and Tailwind CSS
By Shahed Nasser,
React and Tailwind CSS: a beautiful relationship! Learn how Tailwind frees you from writing CSS so you can focus on your React components.
React Fragments: A Simple Syntax to Improve Performance
By Antonello Zanini,
React fragments provide a simple syntax to group a list of HTML elements without adding unnecessary nodes to the DOM. Here's how.
Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.