<?php
// prefix + ID
$images = rwmb_meta( 'your_prefix_imgadv', 'size=full' );
if ( !empty( $images ) ) {
foreach ( $images as $image ) {
// set sizes var
$sizes = wp_calculate_image_sizes( array( $image['width'], $image['height'] ), null, null, $image['ID'] );
// display link to full image and image with srcset and sizes attributes
echo "\n<a href="{$image[" full_url="">\n<img src="{$image[" url="" width="{$image[" height="{$image[" alt="{$image[" srcset="{$image[" sizes="{$sizes}">\n</a>";
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Gitignore file | |
| # Thumbnail cache files | |
| .DS_Store | |
| Desktop.ini | |
| profile | |
| ._* | |
| Thumbs.db | |
| # ignore packages |
uxmoon
/ responsive-images.md
Last active
December 6, 2020 20:17
WordPress - Meta Box Plugin - Responsive images
uxmoon
/ Default (Windows).sublime-keymap
Last active
June 7, 2016 14:59
Sublime Text 3 - Custom Key Bindings for Tabs and Scroll by 1 line
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| [ | |
| // cycle throught tabs | |
| { "keys": ["ctrl+tab"], "command": "next_view" }, | |
| { "keys": ["ctrl+shift+tab"], "command": "prev_view" }, | |
| // scroll up/down | |
| { "keys": ["ctrl+up"], "command": "scroll_lines", "args": {"amount": 1.0} }, | |
| { "keys": ["ctrl+down"], "command": "scroll_lines", "args": {"amount": -1.0} } | |
| ] |
uxmoon
/ youtube-poster-frame.css
Created
October 26, 2015 13:45
— forked from zigotica/youtube-poster-frame.css
Very simple method to add custom poster frame to youtube video without using youtube API.
This code is also valid in browsers not supporting window.postMessage (API uses postMessage). The trick is adding the iframe in a comment. Javascript reads comment contents and saves iframe definition to a var. When JQuery (for the sake of brevity, not real…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } | |
| .video img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; } | |
| .video:after { content: ""; position: absolute; display: block; | |
| background: url(play-button.png) no-repeat 0 0; | |
| top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } | |
| .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } | |
| /* image poster clicked, player class added using js */ | |
| .video.player img { display: none; } | |
| .video.player:after { display: none; } |
uxmoon
/ .editorconfig
Created
October 5, 2015 13:33
Base files for each project with Foundation and Grunt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # editorconfig.org | |
| root = true | |
| [*] | |
| indent_style = space | |
| indent_size = 4 | |
| end_of_line = crlf | |
| charset = utf-8 | |
| trim_trailing_whitespace = true | |
| insert_final_newline = true |
uxmoon
/ search-by-post-id.php
Created
October 1, 2015 01:25
WordPress Search by Post ID in the Front-End
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| // Requires 'Search by ID' WordPress Plugin | |
| ?> | |
| <form action="" method="get"> | |
| <input type="text" name="p"> | |
| <input type="submit" value="Search"> | |
| </form> |
uxmoon
/ wp-featured-image-as-bg.php
Created
May 20, 2015 15:28
Wordpress - Featured image as background
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- snippet 1 --> | |
| <?php | |
| global $post; | |
| $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' ); | |
| ?> | |
| <div class="box sma-slide-1" style="background: url(<?php echo $src[0]; ?> ) !important;"> </div> | |
| <!-- snippet 2 --> | |
| <?php | |
| $background = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'full' ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Usage | |
| .button { | |
| @include border-radius(5px); | |
| } | |
| .submit-button { | |
| @include border-top-radius(10px); | |
| @include border-right-radius(8px); | |
| @include border-bottom-radius(10px); | |
| @include border-left-radius (6px); |
uxmoon
/ ie8-grid-foundation-4.css
Last active
August 29, 2015 14:16
— forked from hatefulcrawdad/ie8-grid-foundation-4.css
Foundation Grid for IE8
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* The Grid ---------------------- */ | |
| .lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } | |
| .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | |
| .lt-ie9 .row.large-collapse .column, | |
| .lt-ie9 .row.large-collapse .columns { padding: 0; } | |
| .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } | |
| .lt-ie9 .row .row.large-collapse { margin: 0; } | |
| .lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } | |
| .lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } |
uxmoon
/ boilerplate.html
Last active
August 29, 2015 14:16
— forked from hatefulcrawdad/boilerplate.html
HTML Boilerplate for IE8
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="css/normalize.css"> |