http://pixelbuddha.net/freebie/flat-preloaders
Category Archives: Inbox
css performance
https://github.com/mdo/css-perf
note for self
the skills on my resume can be like water fill a glass . maybe a colorfull water.
Delays are going to happen but it’s how you deal with them that matters.
Leverage browser caching
## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType application/x-shockwave-flash "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 7 days" </IfModule> ## EXPIRES CACHING ##
http://gtmetrix.com/leverage-browser-caching.html
function to list enquened scripts on this page
functions.php
function my_enqueued_scripts(){ global $wp_scripts; print_r($wp_scripts->queue); }
code in header.php after the opening of the body
<?php my_enqueued_scripts(); ?>
example of result:
Array ( [0] => jquery_scrollto [1] => mailchimpSF_main_js [2] => jquery [3] => popoverselective [4] => esl-slideshow [5] => wc-chosen [6] => wc-checkout [7] => woocommerce [8] => wc-cart-fragments [9] => twentytwelve-navigation )
jquery drop down select plugin
http://davidwalsh.name/jquery-chosen
http://harvesthq.github.io/chosen/
http://ivaynberg.github.io/select2/
great modal animation
http://tympanus.net/Development/FullscreenOverlayStyles/index8.html
PLUGINS THAT I USE
http://wordpress.org/plugins/blog-post-calendar-widget/
http://wordpress.org/plugins/display-widgets/
http://wordpress.org/plugins/list-custom-taxonomy-widget/
http://wordpress.org/plugins/post-type-archive-links/
http://wordpress.org/plugins/wordpress-custom-post-type-archive/
http://wordpress.org/plugins/simple-share-buttons-adder/
http://wordpress.org/plugins/twitter-widget-pro/
http://wordpress.org/plugins/async-js-and-css/
https://wordpress.org/plugins/tablepress/
https://wordpress.org/plugins/gravityforms-html5-placeholders
https://wordpress.org/plugins/p3-profiler/
https://wordpress.org/plugins/foogallery/
https://wordpress.org/plugins/menu-image/
how to use new media uploader
http://code.tutsplus.com/tutorials/integrating-the-wp-media-uploader-into-your-theme-with-jquery–wp-29320
http://www.webmaster-source.com/2013/02/06/using-the-wordpress-3-5-media-uploader-in-your-plugin-or-theme/
http://www.lenslider.com/articles/wordpress-3-5-media-uploader-tips-on-using-it-within-plugins/
http://codestag.com/how-to-use-wordpress-3-5-media-uploader-in-theme-options/
http://shibashake.com/wordpress-theme/how-to-add-the-wordpress-3-5-media-manager-interface-part-2
how to use new media uploader
method1 outside of edit screen with custom frame:
jQuery('.uploader_button3').click(function(e) { e.preventDefault(); var send_attachment_bkp = wp.media.editor.send.attachment; var button = jQuery(this); var id = button.attr('id').replace('upload_', ''); _custom_media = true; custom_file_frame = wp.media.frames.customHeader = wp.media({ title: "Select Image", button: { text: "Select", }, library : { type : 'image', //HERE IS THE MAGIC. Set your own post ID var // uploadedTo : wp.media.view.settings.post.id }, //Set to true to allow multiple images/files multiple: false, frame: "select", // state: 'gallery-edit', searchable: false, editing: true }); custom_file_frame.on("select", function() { // Grab the selected attachment. var attachment = custom_file_frame.state().get("selection").first(); jQuery("#" + id).val(attachment.attributes.url); btnContent = '<img src="'+attachment.attributes.url+'" alt="" /><a href="#" class="mlu_remove button">Remove Image</a>'; jQuery("#" + id).siblings('.screenshot').slideDown().html(btnContent); }); custom_file_frame.open(button); //wp.media.editor.open(button); return false; });
<div class="option"> <div class="controls"> <input type="text" value="http://www.sebastiankempa.com/wp-content/uploads/mapicon.png" name="elastico[map_icon]" class="upload has-file" id="map_icon"> <input type="button" rel="7" value="Upload" class="upload_button button uploader_button3" id="upload_map_icon"> <div id="map_icon_image" class="screenshot" style=""><img alt="" src="http://www.sebastiankempa.com/wp-content/uploads/110129_WIJZIJN1_16.jpg"><a class="mlu_remove button" href="#">Remove Image</a></div> </div><div class="explain">Upload your custom Marker Icon</div> </div>
wp_enqueue_media();