Skip to content

Instantly share code, notes, and snippets.

@Loiree
Loiree / slider-zoom.ejs
Last active September 9, 2017 10:18
Slider 3: с эффектом масштабирования
//- Example: https://jsfiddle.net/8tfrwnyo/4/
<div class="slider">
<div class="slides">
<div class="slide">
<div class="slide-bg" style="background-image: url(http://loststore.ru/pc_games/watch-dogs-2/1.jpg)">
<p>Слайд 1</p>
</div>
<div class="slide-bg" style="background-image: url(http://loststore.ru/pc_games/watch-dogs-2/2.jpg)">
<p>Слайд 2</p>
@Loiree
Loiree / slider.ejs
Last active August 13, 2017 09:12
Slider 3: влево-вправо и точки
<div class="slider">
<div class="slides">
<div class="slide">
<p>слайд 1</p>
</div>
<div class="slide" style="background: #eee">
<p>слайд 2</p>
</div>
<div class="slide">
<p>слайд 3</p>
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
@Loiree
Loiree / preloader.coffee
Last active October 18, 2015 18:57
Remove Preloader
# Preloader
# IE9+, iOS
# --------------------------------------------------------
# cache
# preloader — "занавески"
# loader — вращающийся элемент
# remove — удаляет прелоадер с анимацией
# --------------------------------------------------------
Preloader = do ->
# Fix
# фиксирует элементы, когда они на верхней части экрана
# IE9+, iOS* (фиксируется только после отпуска пальца)
# --------------------------------------------------------
# cache
# fixElems — фиксируемые элементы
# fixYPos — изначальные y-координаты fixElems
# fix — добавляет/удаляет класс "fixed"
# --------------------------------------------------------
@Loiree
Loiree / filter.coffee
Last active October 16, 2015 16:22
Filter
# Filter
# показывает блоки по выбранному фильтру
# IE9* (дергается анимация), iOS
# --------------------------------------------------------
# cache
# filterCat — родительский блок со списками категорий
# filterBody — родительский блок с блоками
# settings
# anim — выбор функции анимации (из animShow и animHide)
# bindEvents — по клику на категорию из filterCat запускаем фильтр
@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 / 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 / parallax.coffee
Created October 11, 2015 22:24
Parallax
# Parallax
# IE9+, iOS* (без анимации)
# --------------------------------------------------------
# cache
# parallax — блоки, которым необходимо применить параллакс
# settings
# start, stop — ограничительные позиции. Если экран находится за пределами этих позиции - параллакс к указанным элементам применяться не будет
# coefs — коэффициент скорости прокрутки, чем больше — тем быстрее прокрутка
# objStart — стартовые позиции параллакс-блоков
# bindEvents — по скроллу запускаем перерасчет позиции параллакс-блоков
@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 — функция прокрутки