Убирает дефолтные стили в iOS

-webkit-appearance: none;

$.fn.fadeSlideToggle()

(function(){
	var box = $('div.box');
		
	$.fn.fadeSlideToggle = function(speed, fn){
		if ( $.isFunction(fn) ) {
			console.log('is a function')
		} else {
			console.log('is undefined')
		}
		return $(this).animate({ // return – возвращает объект QJuery, без return к box не примен. послед. методы
			height: 'toggle', 
			opacity: 'toggle'
		}, speed || 2000, fn); // Если speed == undefined, то исп. знач. 2000
 	};
	$('button').on('click', function(){
		box.fadeSlideToggle(500, function(){
			console.log('complete');
		});
	});
})();

.outerWidth() [JQuery]

Возвращает значение внешней ширины (включая по умолчанию border и padding) для первого совпавшего элемента в наборе. Для объектов window и document рекомендуется использовать .width() 

Знак рубля.

На текущий момент знак рубля не представлен в unicode

< span class="rub_alt-txt" > руб. < /span >
< span class="rub-icon" >
	< span > – < /span >
	< span > Р < /span >
< /span >

.rub_alt-txt {
	display: inline-block;
	text-indent: -9999em;
}
.rub-icon {
	position: relative;
	   -moz-user-select: none;
	-webkit-user-select: none;
	    -ms-user-select: none;
	     -o-user-select: none;
	        user-select: none;
}
.rub-icon > span {
	position: absolute;
}
.rub-icon > span:first-child {
	top: 2px;
}

Выпадающее меню по клику. Закрывается при клике на произвольную область документа

$(".top-nav > ul > li > span").click(function(){
	$(".top-nav > ul > li > ul").hide();
	$(this).siblings(".top-nav > ul > li > ul").slideToggle("fast"); 
});
$(document).click(function(e){ 
	var elem = $(".top-nav"); 
	var elemChild = $(".top-nav > ul > li > ul"); 
	if(e.target!=elem[0]&&!elem.has(e.target).length){
		elemChild.hide();
	} 
});

Выравнивание пунктов по всей ширине. (display: inline-block)

.main-menu ul {
    text-align: justify;
    width: 100%;
}
.main-menu ul:after {
    content: "";
    display: inline-block;
    width: 100%;
}
.main-menu li {
    display: inline-block;
}

.animate() [JQuery]

.animate(properties, [duration], [easing], [callback])

properties — список CSS-свойств, участвующих в анимации и их конечных значений,
duration — продолжительность выполнения анимации,
easing — скорость анимации,
callback — функция, которая будет вызвана после завершения анимации.

.animate(properties, options)

properties — список CSS-свойств, участвующих в анимации и их конечных значений,
options — дополнительные опции. Должны быть представлены объектом, в формате опция:значение. Варианты опций:

duration — продолжительность выполнения анимации,
easing — изменение скорости анимации,
complete — функция, которая будет вызвана после завершения анимации,
step — функция, которая будет вызвана после каждого шага анимации,
queue — булево значение, указывающее, следует ли помещать текущую анимацию в очередь функций. В случае false, анимация будет запущена сразу же, не вставая в очередь,
specialEasing — позволяет установить разные значения easing, для разных CSS-параметров. Задается объектом, в формате параметр:значение. Опция была добавлена в jQuery 1.4.

$('button').on('click', function(){
	box.animate({
		'fontSize': '+=5' 
	}, {
		duration: 500, 
		complete: function(){
			console.log('completed')
		}, 
		step: function(){
			console.log('step')
		}
	});
});