Skip to content

Instantly share code, notes, and snippets.

@Loiree
Loiree / cursor_pos.js
Created October 9, 2015 17:50
Позиция курсора
function doGetCaretPosition (ctrl) {
var CaretPos = 0; // IE Support
if (document.selection) {
ctrl.focus ();
var Sel = document.selection.createRange ();
Sel.moveStart ('character', -ctrl.value.length);
CaretPos = Sel.text.length;
}
// Firefox support
else if (ctrl.selectionStart || ctrl.selectionStart == '0')
@Loiree
Loiree / phone-mask.coffee
Created October 9, 2015 23:33
Phone Mask
# Phone Mask
# маска телефонного номера для input
# IE9+
# --------------------------------------------------------
# cache
# phones — массив input-элементов, которым нужна маска
# setCaret — устанавливает курсор в нужную позицию
# getCaret — получает значение курсора
# mask — функция маскировки
# nums — массив из введенных чисел и _ (без семерки)
@Loiree
Loiree / scroll-to-anchor.coffee
Last active October 14, 2015 14:19
Scroll to Anchor 2.0
# ScrollToAnchor
# IE9+, iOS
# --------------------------------------------------------
# settings
# duration — продолжительность скроллинга
# timing — глобальная функция анимации
# cache
# @menu — пункт меню
# @end — до какой позиции скроллить
# scroll — функция прокрутки
@Loiree
Loiree / parallax.coffee
Created October 11, 2015 22:24
Parallax
# Parallax
# IE9+, iOS* (без анимации)
# --------------------------------------------------------
# cache
# parallax — блоки, которым необходимо применить параллакс
# settings
# start, stop — ограничительные позиции. Если экран находится за пределами этих позиции - параллакс к указанным элементам применяться не будет
# coefs — коэффициент скорости прокрутки, чем больше — тем быстрее прокрутка
# objStart — стартовые позиции параллакс-блоков
# bindEvents — по скроллу запускаем перерасчет позиции параллакс-блоков
@Loiree
Loiree / hexagon.html
Last active October 14, 2015 14:17
Hexagon on CSS
<div class="hex">
<div class="hex-part">
<div class="hex-cont">
<p>content</p>
</div>
</div>
</div>
@Loiree
Loiree / scroll-page.coffee
Last active October 14, 2015 14:17
Scroll Page
# ScrollPage
# прокрутка страницы, как слайда
# IE9, iOS
# --------------------------------------------------------
# cache
# page — прокручиваемые страницы (указывать всем главным блокам)
# settings
# duration — продолжительность прокрутки
# timing — временная функция
# bindEvents — когда вызывать прокрутку
@Loiree
Loiree / filter.coffee
Last active October 16, 2015 16:22
Filter
# Filter
# показывает блоки по выбранному фильтру
# IE9* (дергается анимация), iOS
# --------------------------------------------------------
# cache
# filterCat — родительский блок со списками категорий
# filterBody — родительский блок с блоками
# settings
# anim — выбор функции анимации (из animShow и animHide)
# bindEvents — по клику на категорию из filterCat запускаем фильтр
# Fix
# фиксирует элементы, когда они на верхней части экрана
# IE9+, iOS* (фиксируется только после отпуска пальца)
# --------------------------------------------------------
# cache
# fixElems — фиксируемые элементы
# fixYPos — изначальные y-координаты fixElems
# fix — добавляет/удаляет класс "fixed"
# --------------------------------------------------------
@Loiree
Loiree / preloader.coffee
Last active October 18, 2015 18:57
Remove Preloader
# Preloader
# IE9+, iOS
# --------------------------------------------------------
# cache
# preloader — "занавески"
# loader — вращающийся элемент
# remove — удаляет прелоадер с анимацией
# --------------------------------------------------------
Preloader = do ->
head
script(src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript")
script.
var myMap;
ymaps.ready(function(){
// создание карты
myMap = new ymaps.Map("map", {
center: [55.76, 37.64],
zoom: 14