Skip to content

Instantly share code, notes, and snippets.

@Loiree
Loiree / scroll-to-anchor.html
Last active August 13, 2017 09:54
Scroll-to-anchor: прокрутка к якорю
<div data-scroll="elemIdOrJustNumber">HOME</div>
// Методы String.
String first = " Windows win ";
first.trim(); // "Windows win"
first.lastIndexOf('w'); // 9
first.lastIndexOf('W'); // 1
first.indexOf('w'); // 6
first.indexOf('w', 8); // 9
first.indexOf("win"); // 9
first.toUpperCase(); // " WINDOWS WIN "
first.toLowerCase(); // " windows win "
@Loiree
Loiree / wysiwyg.html
Last active August 13, 2017 09:23
Editor: simple WYSIWYG-editor
<!-- EXAMPLE: https://jsfiddle.net/ukjxhjv2/3/ -->
<div class="editor">
<ul class="editor-toolbar">
<li data-editor="bold" title="Жирный">
<%- include('../../dist/svg/editor-bold.svg'); %>
</li><!--
--><li data-editor="italic" title="Курсив">
<%- include('../../dist/svg/editor-italic.svg'); %>
</li><!--
@Loiree
Loiree / counter.ejs
Created April 1, 2017 13:12
Counter — увеличивает число в выбранном объекте от заданного до нужного с анимацией
<button onclick="ev.emit('counter:set', {obj: document.getElementsByClassName('counter')[0], countCur: 400, countNext: 700} )">Увеличить с 400 до 700</button>
<button onclick="ev.emit('counter:set', {obj: document.getElementsByClassName('counter')[0], countCur: 700, countNext: 400} )">Уменьшить с 700 до 400</button>
<div class="counter">400</div>
@Loiree
Loiree / mail.js
Created March 2, 2017 01:52
Отправка почты
// Подключение:
// mail = require('modules/mail').mail,
//-------------------------------------------
// Использование:
// mail(subject, mess, recipient, sender);
//-------------------------------------------
// Отправляем письмо на почту recipient от отправителя sender
// Если recipient не указан, отправляем письмо на почту, указанную в config
//-------------------------------------------
@Loiree
Loiree / modal.ejs
Last active April 1, 2017 11:42
Modal v1.0
<!--Кнопки, вызывающие нужное окно-->
<button class="modal-but" data-modal="1">Открыть окно 1</button>
<button class="modal-but" data-modal="2">Открыть окно 2</button>
<!--Модальные окна-->
<!--Первое окно на странице используется для вывода ответа сервера-->
<div class="modal" data-modal="1">
<p>Здесь будет ответ от сервера</p>
</div>
//- Example not working in JSFiddle: https://jsfiddle.net/hjzkye9f/3/
//- тег .accordion необязателен
//- после тега .accordion-but обязательно должен идти .accordion-content
//- в .accordion-content обязательно должен быть .accordion-inner, так как из него берется высота
.accordion
.accordion-but First
.accordion-content
.accordion-inner
p Content 1
@Loiree
Loiree / tabs.jade
Last active February 24, 2017 06:26
Tabs
//- Example: https://jsfiddle.net/f0nfnLe1/1/
.tabs
ul.tabs-controls
li.active First
li Second
li Third
li Fourth
ul.tabs-content
li.active
@Loiree
Loiree / colors.styl
Created February 17, 2017 19:20
Init-файл для Stylus
// MATERIAL GOOGLE COLORS
////////////////////////////////
white = #fff
black = #000
red = #f44336
pink = #e91e63
purple = #9c27b0
dpurple = #673ab7
indigo = #3f51b5
@Loiree
Loiree / file-uploader.jade
Last active February 15, 2017 20:19
Загрузка на сервер одного файла
form(action="file_upload" method="POST" enctype="multipart/form-data")
input(type="file" name="file")
button Отправить