Skip to content

Instantly share code, notes, and snippets.

@ideefixe
ideefixe / ie10toie9.html
Created February 26, 2013 18:33
IE10 to IE9 Document Mode
<meta http-equiv="X-UA-Compatible" content="IE=9">
@ideefixe
ideefixe / ieonly.js
Created February 26, 2013 17:22
IE only javascript
if(jQuery('html.lt-ie9').size()) {
require(['/assets/vendor/ie']);
require(['msie'], function(msie) {});
}
@ideefixe
ideefixe / px2emSASSmixin.scss
Created February 15, 2013 18:07
pixels to em SASS mixin
$browser-context: 16; // Default
@function em($pixels, $context: $browser-context) {
@return #{$pixels/$context}em
}
h1 {
font-size: em(36);
}
@ideefixe
ideefixe / tweet_wordpress.html
Created February 7, 2013 23:55
tweet info wordpress link
<a target="_blank" data-count="%d" title="Share on Twitter" href="http://twitter.com/share?text=%s&url=%s" class="btn btn-counter" rel="nofollow">
@ideefixe
ideefixe / post-to-linkedin-wordpress.js
Created February 7, 2013 22:09
Post WordPress Content to Linkedin
function linkedin() {
var pageurl = $(linkedin).data("url");
var title = $(linkedin).data("title");
var summery = $(linkedin).data("summary");
var url = "http://www.linkedin.com/shareArticle"
url += "?mini=true&";
url += "url=" + url + "&";
url += "title=" + title + "&";
url += "summary=" + summery;
@ideefixe
ideefixe / grayscale.html
Created January 30, 2013 18:31
Javascript Grayscale
<ul class="imglist">
<li><a href="#"><img src="/path/to/your/image.jpg"></a></li>
<li><a href="#"><img src="/path/to/your/image.jpg"></a></li>
<li><a href="#"><img src="/path/to/your/image.jpg"></a></li>
</ul>
@ideefixe
ideefixe / browser_detect.js
Created January 30, 2013 18:11
Detect Browsers, Versions, Mobile, Desktop, and OS with Javascript
var BrowserDetect = {
init: function() {
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function(data) {
for (var i = 0; i < data.length; i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
@ideefixe
ideefixe / Susy_sub_pixel_rendering_fix.js
Created January 29, 2013 23:52
Susy Sub Pixel Rendering Fix for Safari
if (jQuery.browser.safari) {
var width = $(window)
.width();
if (width < 671) {
$('.people_image')
.css('width', '32.5%');
} else if (width >= 1000) {
$('.people_image')
.css('width', '15.3%');
} else if (width > 671 && width <= 999) {
@ideefixe
ideefixe / center.css
Created January 28, 2013 20:59
Center Div Vertically and Horizontally
.center {
width: 300px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -150px;
}
@ideefixe
ideefixe / filp-image.css
Created January 28, 2013 20:54
Flip Image CSS
img {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}