Skip to content

Instantly share code, notes, and snippets.

@rolka
rolka / gist:5406615
Created April 17, 2013 18:33
Emmet
ul>li*5
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
@rolka
rolka / gist:5406642
Created April 17, 2013 18:37
HTML: starting template
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[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,chrome=1">
<title></title>
<meta name="description" content="">
@rolka
rolka / gist:5406800
Last active December 16, 2015 08:38 — forked from padolsey/gist:527683
JavaScript: Detect IE version
// ----------------------------------------------------------
// A short snippet for detecting versions of IE in JavaScript
// without resorting to user-agent sniffing
// ----------------------------------------------------------
// If you're not in IE (or IE version is less than 5) then:
// ie === undefined
// If you're in IE (>=5) then you can determine which version:
// ie === 7; // IE7
// Thus, to detect IE:
// if (ie) {}
@rolka
rolka / gist:5415644
Created April 18, 2013 19:42
CSS: Media Queries
@media all and (max-width: 600px) {
body {
// Extra styles for mobile
}
}
@media all and (min-width: 600px) {
body {
// Extra styles for desktop
}
@rolka
rolka / gist:5415738
Last active December 16, 2015 09:49
jQuery: jQuery latest
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
@rolka
rolka / gist:5464458
Created April 26, 2013 01:03
CSS3 columns
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule:4px outset #ff00ff; /* Firefox */
-webkit-column-rule:4px outset #ff00ff; /* Safari and Chrome */
@rolka
rolka / gist:5464498
Created April 26, 2013 01:14
CSS3 Transitions
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
@rolka
rolka / gist:5506521
Created May 3, 2013 00:50
JS: script to add for WP
jQuery(function($) {
@rolka
rolka / gist:5521892
Created May 5, 2013 19:26
CSS: selection
::selection{
background: tomato;
}
::-moz-selection{
background: tomato;
}
@rolka
rolka / gist:5523487
Created May 6, 2013 05:15
CSS: target email link only
a[href^="mailto"]