ten1seven

<form>
	<p class="radiogroup">
		<!-- This is one radio group -->
		<input type="radio" name="group1" value="1" /> Item 1<br />
		<input type="radio" name="group1" value="2" /> Item 2<br />
		<input type="radio" name="group1" value="3" /> Item 3<br />
 
		<!-- This is a separate radio group -->
		<input type="radio" name="group2" value="1" /> Item 4<br />
		<input type="radio" name="group2" value="2" /> Item 5<br />

ten1seven

jQuery.fn.disableTextSelect = function() {
	return this.each(function() {
		$(this).css({
			'MozUserSelect':'none',
			'webkitUserSelect':'none'
		}).attr('unselectable','on').bind('selectstart', function() {
			return false;
		});
	});
};

ten1seven

.author[data-name="Jeremy Fields"]:after {
	content: "ields";
	display: inline;
}
.author[data-name="Jeremy Frank"]:after {
	content: "rank";
	display: inline;
}

ten1seven

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    display: block;
    height: 110px;

ten1seven

var JS = JS || {};

JS.Global = (function(window,document,undefined) {
	
	'use strict';
	
	var private_var;
	
	function private_method() {
		

ten1seven

@font-face {
	font-family: 'MyFont';
	src: url('path-to-normal-font');
	...
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'MyFont';
	src: url('path-to-bold-font');

ten1seven

@mixin rem($size, $base: 16) {
   font-size: ($size + 0rem) / $base;

   .lt-ie8 & {
      font-size: $size * 1px;
   }
}

ten1seven

var body = document.getElementsByTagName('body')[0];
var captureEvent = function(e) {
	var target = e.target || e.srcElement;

	if (target.nodeName === 'A') {
		alert(target.getAttribute('data-track'));
	}

	return false;
};

ten1seven

<p class="text">Vertical Text</p>

ten1seven

Nested selectors in Sass

How I like to handle the order of nested selectors in Sass. Selectors are nested in order of relationship to the parent and specificity.

.my-selector {

  // mixins and extends first, unless
  // they're specifically related to a rule
  @include some-mixin;