I’m sure you are familiar with the regular dialog boxes that normally pop up like on most social networking sites like Facebook, Twitter, etc… In this post is a compilation of 10 jQuery Popup Window tutorials that you would find very useful especially if you want one of them to be integrated in your website. enjoy!
Updated 13/06/2013: Added 11. jQuery Speedo Popup
A custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.
Is a lightweight jQuery modal popup plugin (only 1.26KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more.
3. FueledWeb Pro Thumbnail Scroller
Is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.
4. jQuery YouTube Popup Player Plugin
This is an easy to use jQuery Plugin to embed YouTube videos on your page by displaying them in a popup dialog box.
5. Multipurpose Bookshelf Slider
Is useful for displaying products such as books, magazines, DVD/CD and others.
Is a jQuery plugin to show clean, elegant messages in a simple way.
7. jQuery gzoom plugin
gzoom is a new jquery zoom plugin with following features :
> Click on plus and minus to zoom
> Drag the slider to zoom
> Zoom using mousewheel hover the image
> Moving mouse hover the image change the pan
> Click on the image to show in lightbox style
> jquery.ui framework styled
Is a gallery jQuery plugin, that displays thumbnails as Google images.
9. jQuery PopBox
Is a simple balloon UI element inspired by 37Signals Highrise CRM.
11. jQuery Speedo Popup
peedo Popup is a small, powerful and real customizable jQuery popup plugin.
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.
By Rui Sousa,
You can now extend the Notion app with the new Notion API. Learn how to create an interface that connects Notion to an external database.
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.
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.