Billy Basdras

Welcome to Gallery 5cript—the WordPress gallery plugin built from scratch in 2024, designed for the websites of today! 🚀
✨ 1. Modern Dialog: Built-in dialog element for seamless interactions, accessibility, and SEO optimization.
📸 2. Optimized Images: Uses the picture element with custom WordPress sizes, delivering the right image for every device.
🎨 3. Cutting-edge Front-End: Developed with TailwindCSS and TypeScript for reliable, modern and responsive interface.
🎥 4. Video & Captions: Supports video galleries and captions, adding more depth to your content.
🧹 5. Clean Database: Uses custom database tables, keeping your posts and meta tables clutter-free.
🔗 6. API: Manage galleries programmatically with RESTful endpoints.
Gallery 5cript—Built for the modern web! ✨ Download for free!

LIVE DEMO: <a href="https://gallery.5cript.com/" rel="nofollow ugc">Link Text</a>
<h3>API Endpoints</h3>
Gallery 5cript exposes the following API endpoints to manage galleries programmatically:
<ol>
<li>
List all galleries
<ul>
<li>Endpoint: <code>/5cript-gallery/v1/galleries</code></li>
<li>Method: GET</li>
<li>Description: Retrieves all gallery IDs.</li>
</ul>
</li>
<li>
Get a specific gallery
<ul>
<li>Endpoint: <code>/5cript-gallery/v1/gallery/{id}</code></li>
<li>Method: GET</li>
<li>Description: Retrieves details of a gallery by its ID.</li>
<li>Parameters:
<ul>
<li><code>id</code> (integer): The ID of the gallery.</li>
</ul>
</li>
</ul>
</li>
<li>
Get all images in a gallery
<ul>
<li>Endpoint: <code>/5cript-gallery/v1/gallery/{id}/images</code></li>
<li>Method: GET</li>
<li>Description: Retrieves all images for a specific gallery by ID.</li>
<li>Parameters:
<ul>
<li><code>id</code> (integer): The ID of the gallery.</li>
</ul>
</li>
</ul>
</li>
</ol>
To enable or disable the API, visit the plugin settings in the WordPress admin area. By default, the API is enabled.
<h3>Why Dialog</h3>
The dialog element was introduced in 2014 and has had full cross-browser support since 2022. While there are many plugins that offer similar functionality, none (to my knowledge at the time of writing) utilize the dialog element. This is likely due to concerns about backward compatibility, which could pose issues for the end users of those plugins.
But why use dialog, you ask?
<pre><code>- It's automatically centered.
- It appears on top of everything else using the 'top-layer', not just z-index.
- It auto-focuses, providing better accessibility for users.
- It comes with an out-of-the-box Esc key function to close the modal.
- We've enhanced the dialog with additional accessibility features, including ARIA labels and best practices.<h3>More perks</h3>
- We're using the picture element with various WordPress image sizes, allowing the browser to choose the most appropriate one to download.
- All front-end JavaScript is strongly typed with TypeScript.
- It supports YouTube videos.
- Captions are supported as well.
- You can add your own custom CSS.
- It has its own database tables, so it doesn't add extra load to the already heavily used post and meta tables. This also ensures that you can delete it without leaving any residue.
- New: API<h3>Demo</h3>You can find a demo here: [Link Text](https://gallery.5cript.com/)<h3>3rd Party Services</h3>This plugin rely on youtube embed functionality to serve videos. That is only if you choose to display videos in your galleries.
</code></pre>
A link to that service: https://www.youtube.com/ 
Policy about embed videos: https://support.google.com/youtube/search?q=policy+embed+video&oq=policy+embde+video&spell=1#zippy=%2Care-you-allowed-to-embed-youtube-videos 
Generic terms and conditions of Youtube: https://www.youtube.com/static?template=terms 
Even though the youtube-nocookie.com is used, aka “Enable privacy-enhanced mode”, it is necessary that websites that making use of this plugin to require users to accept cookies that allow for third-party use.

Gallery 5cript

A WordPress plugin that uses the modern and accessible dialog HTML element to display images and videos.

pjokumsen

This plugin allows you to use jQuery UI’s widgets with a simple to advanced shortcode in your pages or posts.
Here is a list of the current widgets and their corresponding shortcodes:
<ul>
<li>Dialog – Used with [pjjuh-dialog]contents[/pjjuh-tab] to create a button where the shortcode is inserted that will open a dialog with the contents of the tag (or you can set an attribute of page to a title of one of the pages on your site to load the contents of that page into the dialog that is opened from pressing the button). For more information on how to use this please visit <a href="http://pjokumsen.co.za/wordpress/plugins/pj-jquery-ui-helper/" rel="nofollow ugc">my site</a>.</li>
<li>Tabs – Used with [pjjuh-tab-group] and then [pjjuh-tab title=”tab-title”]contents[/pjjuh-tab] to create a tab with the title “tab-title” that contains the contents specified. For more information on how to use this please visit <a href="http://pjokumsen.co.za/wordpress/plugins/pj-jquery-ui-helper/" rel="nofollow ugc">my site</a>. </li>
<li>Accordion – Used with [pjjuh-accordion] and then [pjjuh-acc-section title=”section-title”]contents[/pjjuh-acc-section] to create a section with the title “section-title” that contains the contents specified. For more information on how to use this please visit <a href="http://pjokumsen.co.za/wordpress/plugins/pj-jquery-ui-helper/" rel="nofollow ugc">my site</a>.</li>
</ul>
Widgets I hope to add in the near future are:
<ul>
<li>Tooltips</li>
</ul>
I also hope to allow more variations for the widgets in the near future.

PJ jQuery UI Helper

Plugin to incorporate jQuery UI in posts and pages using shortcodes.

Gallery 5cript vs PJ jQuery UI Helper