| anon true, if the space may be omitted in anonymous function declarations | |
| bitwise true, if bitwise operators should be allowed | |
| browser true, if the standard browser globals should be predefined | |
| cap true, if upper case HTML should be allowed | |
| continue true, if the continuation statement should be tolerated | |
| css true, if CSS workarounds should be tolerated | |
| debug true, if debugger statements should be allowed | |
| devel true, if logging should be allowed (console, alert, etc.) | |
| eqeq true, if == should be allowed | |
| es5 true, if ES5 syntax should be allowed |
| <?php | |
| add_action( 'wp_enqueue_scripts', 'enqueue_my_styles' ); | |
| /** | |
| * Example callback function that demonstrates how to properly enqueue conditional stylesheets in WordPress for IE. | |
| * IE10 and up does not support conditional comments in standards mode. | |
| * | |
| * @uses wp_style_add_data() WordPress function to add the conditional data. | |
| * @link https://developer.wordpress.org/reference/functions/wp_style_add_data/ |
| ... | |
| // test for font-face version to load via Data URI'd CSS | |
| // Basically, load WOFF unless it's android's default browser, which needs TTF, or ie8-, which needs eot | |
| var fonts = ns.files.css.fontsWOFF, | |
| ua = win.navigator.userAgent; | |
| // android webkit browser, non-chrome | |
| if( ua.indexOf( "Android" ) > -1 && ua.indexOf( "like Gecko" ) > -1 && ua.indexOf( "Chrome" ) === -1 ){ | |
| fonts = ns.files.css.fontsTTF; | |
| } |
| /* Flatten das boostrap */ | |
| .well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid { | |
| -moz-box-shadow: none !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| -webkit-border-radius: 0px !important; | |
| -moz-border-radius: 0px !important; | |
| border-radius: 0px !important; | |
| border-collapse: collapse !important; | |
| background-image: none !important; |
| <!doctype html> | |
| <html lang="en" class="breakpoint-medium"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Metaquery Boilerplate</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width"> | |
| <meta name="breakpoint" content="small" media="(max-width: 480px)"> | |
| <meta name="breakpoint" content="medium" media="(min-width: 481px) and (768px)"> |
| // Created by Max Luster (@maxluster) | |
| // Usage instructions at https://bugsnag.com/blog/responsive-typography-with-chained-media-queries | |
| // Requires SASS >= 3.3 | |
| // Enhanced by Breakpoint 2.4.x and Compass 1.0 (alpha) | |
| // For SASS 3.2.x support, use https://gist.github.com/maxluster/c9ecc6e4a6770e507c2c | |
| // Provides a simplified syntax for chaining media queries across named or numeric breakpoints | |
| @mixin responsive($properties, $default-value, $responsive-values){ | |
| // No named breakpoints by default |
Google Chrome Developers says:
The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.
Some examples of file size differences: WOFF vs. WOFF2
###SSH into a remote machine###
ssh [email protected]
#or by ip address
ssh [email protected]
exit: exit
###Install Something###
#If it's a new server, update apt-get first thing
| /** | |
| * VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units | |
| * | |
| * To overcome this, create media queries that target the width, height, and orientation of iOS devices. | |
| * It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing | |
| * the height of element `.foo` —which is a full width and height cover image. | |
| * | |
| * iOS Resolution Quick Reference: http://www.iosres.com/ | |
| */ | |
