Changeset 2605783
- Timestamp:
- 09/27/2021 06:31:53 PM (4 years ago)
- Location:
- photographers-galleries/trunk
- Files:
-
- 4 edited
-
css/pg-style.css (modified) (5 diffs)
-
css/pg-style.min.css (modified) (1 diff)
-
photographers-galleries.php (modified) (2 diffs)
-
readme.txt (modified) (5 diffs)
Legend:
- Unmodified
- Added
- Removed
-
photographers-galleries/trunk/css/pg-style.css
r2597568 r2605783 33 33 .gallery figure { 34 34 margin-bottom: 10px; 35 break-after: column; 36 } 37 38 .wp-caption-text { 39 white-space: normal; 40 display: block; 35 break-inside: avoid; 41 36 } 42 37 … … 158 153 159 154 .pg-exhibition { 160 padding: 4em 1em;155 padding: 2em 1em; 161 156 } 162 157 … … 217 212 218 213 .pg-exhibition .gallery .wp-caption-text { 219 display: block;220 214 text-align: right; 221 215 line-height: 2; 222 margin-top: 1em;223 216 } 224 217 … … 310 303 .pg-no_caption.look-box-bright .pg-exhibition, 311 304 .pg-no_caption.look-box-dark .pg-exhibition { 312 padding: 5em 2em;305 padding: 2em 2em; 313 306 } 314 307 … … 317 310 .pg-show_caption.look-box-bright .pg-exhibition, 318 311 .pg-show_caption.look-box-dark .pg-exhibition { 319 padding: 6em 2em;312 padding: 3em 2em; 320 313 } 321 314 -
photographers-galleries/trunk/css/pg-style.min.css
r2597568 r2605783 1 .gallery-columns-1{column-count:1}.gallery-columns-2{column-count:2}.gallery-columns-3{column-count:3}.gallery-columns-4{column-count:4}.gallery-columns-5{column-count:5}.gallery-columns-6{column-count:6}.gallery-columns-7{column-count:7}.gallery-columns-8{column-count:8}.gallery-columns-9{column-count:9}.gallery{column-gap:10px}.gallery figure{margin-bottom:10px;break- after:column}.wp-caption-text{white-space:normal;display:block}.gallery figure.gallery-item a{display:block}.pg-align_caption .gallery{display:grid}.pg-no_caption .wp-caption-text{display:none;padding:0}.pg-carousel-wrapper .pg-no_caption img{height:calc(100vh - 50px)}.pg-hover_caption .wp-caption-text{position:absolute;bottom:0;left:0;right:0;display:none;background:rgba(255,255,255,.75);z-index:10;color:#000;text-align:center}.pg-hover_caption .gallery-item:active .wp-caption-text,.pg-hover_caption .gallery-item:focus .wp-caption-text,.pg-hover_caption .gallery-item:hover .wp-caption-text{display:block}.pg-hover_caption .gallery img{height:calc(100vh - 50px)}.pg-exhibition-wrapper{scroll-snap-align:start;scroll-snap-stop:always}.pg-carousel-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.pg-carousel .gallery figure.gallery-item,.pg-carousel .gallery figure.gallery-item .gallery-icon,.pg-carousel .gallery figure.gallery-item .gallery-icon img,.pg-carousel .gallery figure.gallery-item figcaption.wp-caption-text,.pg-exhibition .gallery figure.gallery-item,.pg-exhibition .gallery figure.gallery-item .gallery-icon,.pg-exhibition .gallery figure.gallery-item .gallery-icon img,.pg-exhibition .gallery figure.gallery-item figcaption.wp-caption-text{border:none}.pg-carousel .wp-caption-text,.pg-exhibition .wp-caption-text{text-align:right}.pg-carousel.pg-hover_caption .wp-caption-text,.pg-exhibition.pg-hover_caption .wp-caption-text{text-align:center}.pg-carousel-wrapper,.pg-exhibition-wrapper{box-sizing:border-box;display:block;width:100%;height:100%;overflow:hidden;position:relative}.pg-exhibition-wrapper{height:100vh}.pg-carousel,.pg-exhibition{width:100%;height:100%;display:block;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;padding:0;box-sizing:border-box;transition:transform .5s ease-out}.pg-carousel::-webkit-scrollbar,.pg-exhibition::-webkit-scrollbar{display:none}.pg-exhibition{padding:4em 1em}.pg-carousel header{position:absolute;font-size:1.1em;display:block;z-index:10;font-variant:small-caps;-moz-font-feature-settings:'smcp' on;-webkit-font-feature-settings:'smcp' on;-ms-font-feature-settings:'smcp' on;font-feature-settings:'smcp' on}.pg-carousel header{top:0;left:0;right:0;background:linear-gradient(to right,rgba(0,0,0,.9) 0,rgba(0,0,0,0)75%);padding:.5ex 1ex 1ex 1ex;color:#f2f2f2}.pg-carousel:active header,.pg-carousel:focus header,.pg-carousel:hover header{display:none}.pg-carousel .gallery{display:table;height:100%;width:100%;white-space:nowrap;position:relative;margin:10px -20px 10px -10px;padding:0;box-sizing:border-box;overflow:visible}.pg-exhibition .gallery,.pg-exhibition .gallery *{display:flex;justify-content:center;width:auto;height:auto;margin:0;padding:0;position:relative;box-sizing:border-box}.pg-exhibition.pg-no_caption .gallery .wp-caption-text{display:none}.pg-exhibition .gallery .wp-caption-text{display:block;text-align:right;line-height:2;margin-top:1em}.pg-exhibition .gallery{flex-direction:row;align-items:center;overflow:visible;height:100%;width:100%;max-width:100vw;max-height:100vh}.pg-carousel .gallery .gallery-item{display:inline-table;float:none;white-space:normal;width:auto;height:100%;padding:0;margin:0 10px;position:relative;box-sizing:border-box;border:none}.pg-exhibition .gallery .gallery-item{display:none;flex-direction:column;align-items:center;overflow:visible}.pg-exhibition-wrapper .gallery .gallery-icon{overflow:hidden}.pg-exhibition .gallery figure.active{display:flex}.pg-carousel .gallery .gallery-item:first-child{margin-left:0}.pg-carousel .gallery .gallery-item:last-child{margin-right:0}.pg-carousel .gallery img{max-height:calc(90vh - 40px);max-width:none;min-width:150px;min-height:150px;width:auto;height:calc(90vh - 40px);box-sizing:border-box;border:none;pointer-events:none}.pg-exhibition .gallery img{display:inline-flex;align-self:center;max-width:none;max-height:none;pointer-events:none}.pg-exhibition-wrapper .look-box,.pg-exhibition-wrapper .look-box-bright,.pg-exhibition-wrapper .look-box-dark,.pg-exhibition-wrapper .look-classic,.pg-exhibition-wrapper .look-modern{background:linear-gradient(180deg,#fff,rgba(0,0,0,.005)),radial-gradient(circle at center,#fff 0,rgba(255,255,255,.5) 50%,rgba(200,200,200,.67) 67%,rgba(200,200,200,.75) 75%,#fff 100%)}.pg-no_caption.look-box .pg-exhibition,.pg-no_caption.look-box-bright .pg-exhibition,.pg-no_caption.look-box-dark .pg-exhibition,.pg-no_caption.look-classic .pg-exhibition{padding:5em 2em}.pg-show_caption.look-box .pg-exhibition,.pg-show_caption.look-box-bright .pg-exhibition,.pg-show_caption.look-box-dark .pg-exhibition,.pg-show_caption.look-classic .pg-exhibition{padding:6em 2em}.pg-exhibition-wrapper .look-modern .gallery .gallery-icon{box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery figure.gallery-item .gallery-icon{padding:1em;background-color:#ededeb;border:.25em solid #333;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery img{box-shadow:inset 0 2px 3px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.05);border-right:.1em solid #fcfcfa;border-left:.1em solid #fcfcfa;border-top:.1em solid #f2f2f0;border-bottom:.1em solid #fdfdfb;padding:.15em;background-color:#fff}.pg-exhibition-wrapper .look-box .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-bright .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-dark .gallery .gallery-icon{padding:1em;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25),inset 0 .25em 1.5em 0 rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery img,.pg-exhibition-wrapper .look-box-bright .gallery img,.pg-exhibition-wrapper .look-box-dark .gallery img{box-shadow:0 .25em 1em rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery figure.gallery-item .gallery-icon{background-color:#777;border:.25em solid #666}.pg-exhibition-wrapper .look-box-dark .gallery figure.gallery-item .gallery-icon{background-color:#555;border:.25em solid #444}.pg-exhibition-wrapper .look-box-bright .gallery figure.gallery-item .gallery-icon{background-color:#999;border:.25em solid #888}.gallery-next,.gallery-prev{width:15%;height:100%;position:absolute;top:0;cursor:pointer;z-index:10}.gallery-prev{left:0}.gallery-next{right:0}.gallery-next span,.gallery-prev span{cursor:pointer;position:absolute;top:50%;text-align:center;padding:7px 2px;margin-top:-15px;font-size:15px;user-select:none;color:#333;font-weight:400;user-select:none;box-sizing:border-box;background-color:rgba(51,51,51,0)}.pg-exhibition .gallery-next span,.pg-exhibition .gallery-prev span{background-color:rgb(51,51,51,0)}.gallery-prev span{left:0;padding-right:10px;border-radius:0 19px 19px 0}.gallery-next span{right:0;padding-left:10px;border-radius:19px 0 0 19px}.gallery-next:hover span,.gallery-prev:hover span{opacity:80%}a.gallery-next:hover span,a.gallery-prev:hover span{background-color:rgba(0,0,0,1);opacity:80%;text-transform:none;text-decoration:none!important;color:#fff}1 .gallery-columns-1{column-count:1}.gallery-columns-2{column-count:2}.gallery-columns-3{column-count:3}.gallery-columns-4{column-count:4}.gallery-columns-5{column-count:5}.gallery-columns-6{column-count:6}.gallery-columns-7{column-count:7}.gallery-columns-8{column-count:8}.gallery-columns-9{column-count:9}.gallery{column-gap:10px}.gallery figure{margin-bottom:10px;break-inside:avoid}.gallery figure.gallery-item a{display:block}.pg-align_caption .gallery{display:grid}.pg-no_caption .wp-caption-text{display:none;padding:0}.pg-carousel-wrapper .pg-no_caption img{height:calc(100vh - 50px)}.pg-hover_caption .wp-caption-text{position:absolute;bottom:0;left:0;right:0;display:none;background:rgba(255,255,255,.75);z-index:10;color:#000;text-align:center}.pg-hover_caption .gallery-item:active .wp-caption-text,.pg-hover_caption .gallery-item:focus .wp-caption-text,.pg-hover_caption .gallery-item:hover .wp-caption-text{display:block}.pg-hover_caption .gallery img{height:calc(100vh - 50px)}.pg-exhibition-wrapper{scroll-snap-align:start;scroll-snap-stop:always}.pg-carousel-wrapper{scroll-snap-align:center;scroll-snap-stop:always}.pg-carousel .gallery figure.gallery-item,.pg-carousel .gallery figure.gallery-item .gallery-icon,.pg-carousel .gallery figure.gallery-item .gallery-icon img,.pg-carousel .gallery figure.gallery-item figcaption.wp-caption-text,.pg-exhibition .gallery figure.gallery-item,.pg-exhibition .gallery figure.gallery-item .gallery-icon,.pg-exhibition .gallery figure.gallery-item .gallery-icon img,.pg-exhibition .gallery figure.gallery-item figcaption.wp-caption-text{border:none}.pg-carousel .wp-caption-text,.pg-exhibition .wp-caption-text{text-align:right}.pg-carousel.pg-hover_caption .wp-caption-text,.pg-exhibition.pg-hover_caption .wp-caption-text{text-align:center}.pg-carousel-wrapper,.pg-exhibition-wrapper{box-sizing:border-box;display:block;width:100%;height:100%;overflow:hidden;position:relative}.pg-exhibition-wrapper{height:100vh}.pg-carousel,.pg-exhibition{width:100%;height:100%;display:block;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;padding:0;box-sizing:border-box;transition:transform .5s ease-out}.pg-carousel::-webkit-scrollbar,.pg-exhibition::-webkit-scrollbar{display:none}.pg-exhibition{padding:2em 1em}.pg-carousel header{position:absolute;font-size:1.1em;display:block;z-index:10;font-variant:small-caps;-moz-font-feature-settings:'smcp' on;-webkit-font-feature-settings:'smcp' on;-ms-font-feature-settings:'smcp' on;font-feature-settings:'smcp' on}.pg-carousel header{top:0;left:0;right:0;background:linear-gradient(to right,rgba(0,0,0,.9) 0,rgba(0,0,0,0)75%);padding:.5ex 1ex 1ex 1ex;color:#f2f2f2}.pg-carousel:active header,.pg-carousel:focus header,.pg-carousel:hover header{display:none}.pg-carousel .gallery{display:table;height:100%;width:100%;white-space:nowrap;position:relative;margin:10px -20px 10px -10px;padding:0;box-sizing:border-box;overflow:visible}.pg-exhibition .gallery,.pg-exhibition .gallery *{display:flex;justify-content:center;width:auto;height:auto;margin:0;padding:0;position:relative;box-sizing:border-box}.pg-exhibition.pg-no_caption .gallery .wp-caption-text{display:none}.pg-exhibition .gallery .wp-caption-text{text-align:right;line-height:2}.pg-exhibition .gallery{flex-direction:row;align-items:center;overflow:visible;height:100%;width:100%;max-width:100vw;max-height:100vh}.pg-carousel .gallery .gallery-item{display:inline-table;float:none;white-space:normal;width:auto;height:100%;padding:0;margin:0 10px;position:relative;box-sizing:border-box;border:none}.pg-exhibition .gallery .gallery-item{display:none;flex-direction:column;align-items:center;overflow:visible}.pg-exhibition-wrapper .gallery .gallery-icon{overflow:hidden}.pg-exhibition .gallery figure.active{display:flex}.pg-carousel .gallery .gallery-item:first-child{margin-left:0}.pg-carousel .gallery .gallery-item:last-child{margin-right:0}.pg-carousel .gallery img{max-height:calc(90vh - 40px);max-width:none;min-width:150px;min-height:150px;width:auto;height:calc(90vh - 40px);box-sizing:border-box;border:none;pointer-events:none}.pg-exhibition .gallery img{display:inline-flex;align-self:center;max-width:none;max-height:none;pointer-events:none}.pg-exhibition-wrapper .look-box,.pg-exhibition-wrapper .look-box-bright,.pg-exhibition-wrapper .look-box-dark,.pg-exhibition-wrapper .look-classic,.pg-exhibition-wrapper .look-modern{background:linear-gradient(180deg,#fff,rgba(0,0,0,.005)),radial-gradient(circle at center,#fff 0,rgba(255,255,255,.5) 50%,rgba(200,200,200,.67) 67%,rgba(200,200,200,.75) 75%,#fff 100%)}.pg-no_caption.look-box .pg-exhibition,.pg-no_caption.look-box-bright .pg-exhibition,.pg-no_caption.look-box-dark .pg-exhibition,.pg-no_caption.look-classic .pg-exhibition{padding:2em 2em}.pg-show_caption.look-box .pg-exhibition,.pg-show_caption.look-box-bright .pg-exhibition,.pg-show_caption.look-box-dark .pg-exhibition,.pg-show_caption.look-classic .pg-exhibition{padding:3em 2em}.pg-exhibition-wrapper .look-modern .gallery .gallery-icon{box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery figure.gallery-item .gallery-icon{padding:1em;background-color:#ededeb;border:.25em solid #333;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25)}.pg-exhibition-wrapper .look-classic .gallery img{box-shadow:inset 0 2px 3px rgba(0,0,0,.1),inset 0 2px 2px rgba(0,0,0,.05);border-right:.1em solid #fcfcfa;border-left:.1em solid #fcfcfa;border-top:.1em solid #f2f2f0;border-bottom:.1em solid #fdfdfb;padding:.15em;background-color:#fff}.pg-exhibition-wrapper .look-box .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-bright .gallery .gallery-icon,.pg-exhibition-wrapper .look-box-dark .gallery .gallery-icon{padding:1em;box-shadow:0 .5em 1em rgba(0,0,0,.25),0 1em 2em rgba(0,0,0,.25),0 .25em .5em rgba(0,0,0,.25),inset 0 .25em 1.5em 0 rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery img,.pg-exhibition-wrapper .look-box-bright .gallery img,.pg-exhibition-wrapper .look-box-dark .gallery img{box-shadow:0 .25em 1em rgba(0,0,0,.75)}.pg-exhibition-wrapper .look-box .gallery figure.gallery-item .gallery-icon{background-color:#777;border:.25em solid #666}.pg-exhibition-wrapper .look-box-dark .gallery figure.gallery-item .gallery-icon{background-color:#555;border:.25em solid #444}.pg-exhibition-wrapper .look-box-bright .gallery figure.gallery-item .gallery-icon{background-color:#999;border:.25em solid #888}.gallery-next,.gallery-prev{width:15%;height:100%;position:absolute;top:0;cursor:pointer;z-index:10}.gallery-prev{left:0}.gallery-next{right:0}.gallery-next span,.gallery-prev span{cursor:pointer;position:absolute;top:50%;text-align:center;padding:7px 2px;margin-top:-15px;font-size:15px;user-select:none;color:#333;font-weight:400;user-select:none;box-sizing:border-box;background-color:rgba(51,51,51,0)}.pg-exhibition .gallery-next span,.pg-exhibition .gallery-prev span{background-color:rgb(51,51,51,0)}.gallery-prev span{left:0;padding-right:10px;border-radius:0 19px 19px 0}.gallery-next span{right:0;padding-left:10px;border-radius:19px 0 0 19px}.gallery-next:hover span,.gallery-prev:hover span{opacity:80%}a.gallery-next:hover span,a.gallery-prev:hover span{background-color:rgba(0,0,0,1);opacity:80%;text-transform:none;text-decoration:none!important;color:#fff} -
photographers-galleries/trunk/photographers-galleries.php
r2597568 r2605783 15 15 * Plugin URI: https://wordpress.org/plugins/photographers-galleries/ 16 16 * Description: Enhance your galleries with HTML5, metadata, dynamic galleries and add a lightweight carousel to display a sequence of pictures without distractions. 17 * Version: 1.0. 617 * Version: 1.0.7 18 18 * Author: Aurélien PIERRE 19 19 * Author URI: https://photo.aurelienpierre.com … … 43 43 44 44 function register_pg_styles() { 45 wp_register_style('pg-css', plugin_dir_url( __FILE__ ).'css/pg-style.min.css', array(), '1.0. 6');46 wp_register_script('pg-js', plugin_dir_url( __FILE__ ).'js/pg-script.min.js', array(), '1.0. 6', true);45 wp_register_style('pg-css', plugin_dir_url( __FILE__ ).'css/pg-style.min.css', array(), '1.0.7'); 46 wp_register_script('pg-js', plugin_dir_url( __FILE__ ).'js/pg-script.min.js', array(), '1.0.7', true); 47 47 } 48 48 -
photographers-galleries/trunk/readme.txt
r2597688 r2605783 9 9 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 10 11 Enhance your galleries with HTML5 markup, responsive image sizes and present them with an efficient and minimalisticcarousel or exhibition mode that fills the gap between a digital presentation and a real-life exhibition.11 Enhance your galleries with HTML5 responsive `figure` and present them with a lightweight CSS3 carousel or exhibition mode that fills the gap between a digital presentation and a real-life exhibition. 12 12 13 13 … … 16 16 = What ? = 17 17 18 This is a lightweight plugin to display dynamic or static galleries on posts and pages with minimal overhead and using only native WordPress media. It extends native WordPress features without adding bloat and reinventing the wheel.18 This is a lightweight plugin to display dynamic or static galleries on posts and pages with minimal overhead and using only native WordPress media. 19 19 20 20 Main features: 21 21 22 1. enable responsive images sizes : the browser picks only the closest size in the collection, depending on the display pixels count,23 2. turn media attachments into regular posts by enabling custom taxinomies, tags, comments, author, and comments,24 3. make media attachments queryable by tags, comments, taxinomies, etc. to display dynamic galleries from a gallery shortcode similar to the native WordPress gallery,22 1. enable responsive images sizes (visitors get served the closest image size to their actual display resolution), 23 2. enable custom taxinomies, tags, comments, author, comments for media attachments, 24 3. make images queryable by tags, comments, taxinomies, etc. to display dynamic galleries from a shortcode, 25 25 4. provide shortcode wrappers for default WordPress galleries to enable advanced layouts (carousel, exhibition, no caption, etc.), 26 26 5. style default column galleries in a masonry way, 27 27 6. add EXIF metadata in media admin view, 28 7. fully responsive design (height and width) so images fit in viewort without needing a lightbox,29 8. preload next pictures of exhibitions in background to hide loading latency.28 7. fully responsive (height and width), 29 8. **provide elegant, minimalist looks that put emphasis on image content first and never crop images to fit in an arbitrary layout.** 30 30 31 31 The look is inspired by art books and museums exhibitions, meant to allow a flawless and non-intrusive full-screen experience, so you can design your website as a webapp. 32 32 33 Main benefits:34 35 1. KISS design: no settings page, minimalistic code, robust and easy to maintain,36 2. performance-driven: spare computing resources, load scripts only on pages that need them,37 3. content-driven: put emphasis on images, not on layout or visual effects, and never crop images to fit within layout.38 4. device-agnostic: scrolling through carousels and exhibitions supports arrow keys, mouse wheel scroll, touch swipe and click/tap on navigation buttons.39 5. caching/lazyloading/CDN-ready: tested with WP Rocket, Progressive Web Apps and WEBP images drop-in.40 6. unobtrusive: transparently use native WordPress galleries, only restyle them, to support any lightbox plugin.41 33 42 34 = Why ? = 43 35 44 Most fancy gallery plugins will add their own gallery manager on top of WordPress, which already has one… Then, they will crop images to fit within their fancy layout. Unfortunately, if you are an artist, the way you composed and framed your picture is no accident and should be honored by whatever display system you use. After all that, they will add an awful bloat of jQuery madness that will drilla hole in your [Page Speed](https://developers.google.com/speed/pagespeed/insights/) score and kill your [loading time](https://tools.pingdom.com/). Finally, they will distract visitors from your content with all their fancy effects that make your CPU overheat for nothing. Picture-based websites were already heavy, these will make sure to give them the final blow...36 Most fancy gallery plugins will add their gallery manager on top of WordPress, which already has one… Then, they will crop images to fit within their fancy layout. Unfortunately, if you are an artist, the way you composed and framed your picture is no accident and should be honored by whatever display system you use. After all that, they will add an awful bloat of jQuery madness that will put a hole in your [Page Speed](https://developers.google.com/speed/pagespeed/insights/) score and kill your [loading time](https://tools.pingdom.com/). Finally, they will distract visitors from your content with all their fancy effects that make your CPU overheat for nothing. Picture-based websites were already heavy, these will make sure to give them the final blow... 45 37 46 38 We need better. … … 49 41 = How ? = 50 42 51 * Use only built-in browser technologies (CSS3, HTML5, and native Javascript) to extend browser native features while taking advantage of hardware-accelerated routines. 52 * Don't use jQuery or additional bloatware lib that slows down page loading and rendering, only to create compatibility nightmares later. 53 * Load minified JS and CSS, on-demand (only on pages that use them), in footer and with deferring support. 54 55 The JS weighs only 6.2 kB, and the CSS 7.4 kB. That's all we add on (some of) your pages. 43 * Use only built-in browser technologies (CSS, HTML, and native Javascript) to extend browser native features. 44 * Don't use jQuery or additional bloatware lib that slows down page loading, creates compatibility nightmares and may not be hardware-accelerated. 45 * Load minified JS and CSS, on-demand (only on pages that use them), in footer and with defer support. 46 * Compatible with caching, minification, CDN and lazy loading (tested with WP Rocket). 47 * Compatible with lightboxes plugins. 48 * Only extends core WordPress features, for better security and maintainability. 49 50 The JS weighs only 5.2 kB, and the CSS 7.2 kB. 56 51 57 52 … … 252 247 = Caveats = 253 248 254 Using native WordPress galleries, Photographers Galleries need sto overwrite theme styling, which might still compete with it. Some CSS tuning might be necessary to fix corner-cases.249 Using native WordPress galleries, Photographers Galleries need to overwrite theme styling, which might still compete with it. Some CSS tuning might be necessary to fix corner-cases. 255 250 256 251 … … 261 256 262 257 == Changelog == 258 259 = 1.0.7 = 260 261 Improvements of captions: 262 263 - Remove unnecessary CSS rules, 264 - Reduce vertical margins for exhibitions to free more display real estate on mobile, 265 - Prevent column breaking between image and caption in figure for thumbnails galleries, 266 - Let captions flow for carousels. 263 267 264 268 = 1.0.6 =
Note: See TracChangeset
for help on using the changeset viewer.