Skip to content

Instantly share code, notes, and snippets.

@disinfeqt
disinfeqt / gist:1290718
Created October 16, 2011 09:49
Image Replacement Mixin
.ir (@img, @width, @height) {
display: block;
text-indent: -9999px;
background-image: url("../images/@{img}");
width: @width;
height: @height;
}
/* Usage */
.logo {
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
#off-screen-preload {
position: absolute;
top: -5000px;
left: -5000px;
height: 1px;
.t-section:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.t-unit .t-section:after {
clear:none;
}
@disinfeqt
disinfeqt / gist:1151270
Created August 17, 2011 10:20 — forked from tlxue/gist:1151105
Rabbit Shit
(function(){
var links = document.getElementsByTagName("a"),
i;
for (i=0;i<links.length;i++){
links[i].addEventListener('click',function(e){
e.preventDefault(); // this is better if you want to disable links
// return false
},false);
}
})();
@disinfeqt
disinfeqt / gist:880656
Created March 22, 2011 02:29
Google-in-Chrome-style 404 helper from HTML5 Boilerplate
<script>
var GOOG_FIXURL_LANG = (navigator.language || "").slice(0,2), GOOG_FIXURL_SITE = location.host;
</script>
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
<script src="scripts/jquery.ajaxify.min.js"></script>
<script src="scripts/jquery.history.fixed.js"></script>
<script type="text/javascript">
$('nav a').ajaxify({
target:'body',
loadHash:'attr:href',
tagToload: 'body'
});
</script>
@disinfeqt
disinfeqt / LESS.css
Created March 7, 2011 15:44
CSS3 Buttons Made Easy
@start: #9bce4c; @end: #6f9f27;
.button-gradient (@start, @end);
&:hover {
.button-gradient (darken(@start, 2%), darken(@end, 2%));
}
&:active {
.button-gradient (darken(@end, 2%), darken(@start, 2%));
}
<!-- Individual YUI CSS files -->
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.8.2r1/build/reset-fonts-grids/reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.8.2r1/build/base/base-min.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.8.2r1/build/autocomplete/assets/skins/sam/autocomplete.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.8.2r1/build/container/assets/skins/sam/container.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.8.2r1/build/menu/assets/skins/sam/menu.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.8.2r1/build/button/assets/skins/sam/button.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.8.2r1/build/calendar/assets/skins/sam/calendar.css">
<link rel="styles
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } })(); </script> <![endif]-->