Kenta Ishii

Jimmy Codeviewer is a shortcode library to load text, SVG (Scalable Vector Graphics) and other scripts to WordPress pages. By using this plugin, you can reduce quantity of your code, e.g., if you want to put a proportional sample of programming code in your page, you just type one shortcode, then you get the sample with line numbers and colored words which you intended. In addition, you can make pages with layout similar to magazines on paper by using “magazine”, a theme template.
<h4>Introduction</h4>
In my first mind, I purposed to make a viewer for programming code for my site that introduces my articles. It was OK and named this plugin as “Jimmy Codeviewer”. But in making “Jimmy Codeviewer”, I think this could be a multipurpose text viewer. On this time, many news sites have very simple layout for their contents. You could watch magazines or papers at a news-stand everyday, and these are so colorful and design-riches. I just want these on Internet. Colorful design-riches actually make us some attention and affection. Web browsers are growing their rendering ability right now. This challenge — making magazines or newspapers on Internet — not a dream, but a real on Internet. In addition, I tried to change WordPress to SVG-Free. SVG (Scalable Vector Graphics) is one of vector graphics containers. It’s just like HTML and JavaScrpt. This is exactly the reason why WordPress Community prohibits to upload SVG Files by Media Uploader. If SVGs are programming codes, these should be stored as scripts in pages. But “Posts” and “Pages” are having their own purposes as public pages. So I decided to make “jArticles”, inner pages and store texts, SVGs and scripts to “jArticles”. For loading “jArticles” on “Posts”, I made several WordPress shortcodes.
Jimmy Codeviewer consists of three departments which have several WordPress shortcodes and functions.
I. Code Viewer
a. Shortcodes: [codeview_byid] and [codeview_byname] to show text in “Posts”.
b. Edit Instructions: <code>(edit(exam-ple))</code> to make HTML markup or other escaped literal codes in “jArticles” pages.
c. Style Sheet: CSS Style Sheet to make web layout easier with Code Viewer.
II. Article Loader
a. Shortcodes: [articleloader_byid] and [articleloader_byname] to show SVGs or other scripts in “Posts”.
III. Color and Style Changer
a. Shortcodes: [init_spansearch], [spansearch] and [spansearch_all] to change the text color and other styles. [divsearch] to change the row styles.
b. JavaSctipt: ‘spanSearch’ and its family, the engine to provide the above shortcodes to function.
<h4>Copyright</h4>
The Jimmy Codeviewer, A WordPress Plugin, Copyright 2017 Kenta Ishii 
Jimmy Codeviewer is distributed under the terms of the GNU GPL
This program is free software: you can redistribute it and/or modify 
it under the terms of the GNU General Public License as published by 
the Free Software Foundation, either version 2 of the License, or 
(at your option) any later version.
This program is distributed in the hope that it will be useful, 
but WITHOUT ANY WARRANTY; without even the implied warranty of 
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 
GNU General Public License for more details.

Jimmy Codeviewer

Jimmy Codeviewer is a shortcode library to load text, SVG (Scalable Vector Graphics) and other scripts to WordPress pages.

danaila_iulian

Shutter Reloaded Plus is an image viewer for your website that works similarly to Lightbox, Thickbox, etc. but is under 8KB in size and does not require any external libraries.
It is fully responsive, cross-browser and mobile ready. Tested on Chrome, Safari, Firefox, Internet Explorer, Android phones and tablets, Windows Phone 8.
It has many features:
<ul>
<li>keyboard navigation with arrow keys, left and right arrows, and close by pressing the Esc key</li>
<li>resizing large images if the window is too small to display them with option to show the full size image</li>
<li>combining images in sets</li>
<li>redrawing the window after resizing, RESPONSIVE</li>
<li>pre-loading of neighbour images for faster display and very good browser compatibility</li>
<li>integrate with Google Analytics to count each image view as a page view</li>
<li>option to overwrite NextGen Gallery’s effects (Lightbox, Fancybox)</li>
<li>option to display a like button for the current page in the control bar</li>
<li>click on the image goes to the next image</li>
<li>click outsite de image to close de slideshow</li>
<li>all images used for buttons are in a PNG sprite, so it only has 3 HTTP request (image, js and css)</li>
<li>option to only load it on single pages and posts</li>
</ul>
This plugin offers customization of the colour and opacity settings for the background and colour for the caption text, buttons text and the menu background.
There are options to enable it for all links pointing to an image on your site (with option to exclude some pages), or just on selected pages. It can be enabled only for image links with CSS class=”shutter” with option to create a single set or multiple sets for each page.
The plugin can also “auto-make” image sets for each Post, so when several posts are displayed on the “Home” page, links to images on each post will be in a separate set. See the built-in help for more information.

Shutter Reloaded Plus

Darkens the current page and displays an image (like Lightbox, Thickbox, etc.), but is a lot smaller (8KB) and faster.

Jimmy Codeviewer vs Shutter Reloaded Plus