Skip to main content

A new lightweight, responsive jQuery modal window plugin – VenoBox

We like to use modal window (popup window), popular as light box to show content in our websites or blogs. It is easier to show the images in gallery, videos, small notifications in popup windows. But we have to think about the responsiveness of this type of popup/modal windows. Are they really be shown properly in mobile devices as we visit websites in mobile devices more nowadays.

We are very much familiar to Lightbox, Fancybox but now time to think about some more flexible. The option is:

VenoBox

You can use this VenoBox jQuery plugin for images, inline contents, iFrames, Google-Maps, Ajax requests, Vimeo and YouTube videos.

What is the difference from other jQuery modal window is stated by VenoBox team as:

“The big difference compared to many others modal-window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).”

You just need to download the VenoBox script from their official website http://lab.veno.it/venobox/  by clicking the Download button. They use social payment (virtual payment done by facebook like-share, tweet, linkedin share, google+ share). It’s FREE and you just need to social sharing before download the original script. While sharing in social media you need to edit the sharing message otherwise social sharing website will not allow to share VenoBox. As soon you share, you will be able to download the script.

Usage: Visit the official website and you will get proper documentation of this plugin on the front page. Very simple to use.

Comments

Popular posts from this blog

How to choose the right content management system for your website

Creating a website can be an exciting process, but it can also be overwhelming, especially when it comes to choosing the right Content Management System (CMS). A CMS is an essential component of any website, as it allows you to manage and publish your digital content. With so many CMS options available, it can be challenging to decide which one is the right fit for your website. In this article, we will guide you through the process of selecting the perfect CMS that fits your website’s needs, with real examples to help you make an informed decision. Determine Your Website’s Purpose The first step in choosing the right CMS for your website is to determine your website’s purpose. Are you creating a blog, an e-commerce site, or a portfolio website? Different CMS platforms cater to different website types, and choosing the right one will ensure that you have access to the necessary tools and features. For example, if you’re building an e-commerce site, you may want to

A comprehensive guide for best practices and tools to build responsive websites

Building Responsive Websites: Best Practices and Tools In the fast-paced digital world, having a responsive website has become a necessity. With the increasing use of mobile devices and varying screen sizes, it’s crucial to ensure your website looks and functions flawlessly across all platforms. In this comprehensive guide, we’ll explore the best practices and essential tools for building responsive websites that deliver optimal user experiences. Why Responsive Design Matters in Today’s Digital Landscape In today’s mobile-centric era, users expect websites to adapt seamlessly to their devices, whether they’re browsing on a desktop, tablet, or smartphone. Responsive design is the key to meeting these expectations. It allows your website to automatically adjust its layout, images, and content based on the screen size and orientation of the device. By implementing responsive design, you provide a consistent and user-friendly experience, regardless of how users acces

Important WordPress theme functions every developer needs

When we develop any custom WordPress theme we need to use different functions. We need to write those functions in functions.php file of the custom theme. I have prepared some of those basic functions and included in the functions.php file. I have mentioned the usage / procedure to use the function in the same file. You have to download the functions.php file and put it inside your theme folder. Following functions are included in functions.php file. Navigation / Menu Remove default UL markup from wp_nav_menu output Enable featured image with custom dimension Image compression while uploading Remove width and height attributes from inserted images Enable sidebar widget Shorten post / page title by word limit Shorten excerpt by word limit Shorten content by word limit Strip images from content Display the content of a page by page ID Display the content of a page by page slug Anti spam email shortcode inside content editor Change default sender email address for generat