Skip to content

Instantly share code, notes, and snippets.

@IvanofSA
IvanofSA / module.js
Last active October 13, 2015 21:55
JS : module
var myModule = (function () {
var init = function () {
_setUpListners();
// то, что должно произойти сразу
};
var _setUpListners = function () {
//прослушка событий...
@IvanofSA
IvanofSA / SASS-@mixin - flex
Created November 25, 2015 13:26
SASS: flex
SASS-@mixin для облегчения боли:
@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@IvanofSA
IvanofSA / ellipsis.scss
Last active August 10, 2017 08:23
точки в конце предложения
.class{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@IvanofSA
IvanofSA / accordion
Last active February 5, 2016 17:12
accordion
<div id="accordion">
<h2>Tab1</h2>
<div class="tab1 active">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, nulla!</p>
</div>
<h2>Tab2</h2>
<div class="tab2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime, corrupti!</p>
</div>
<h2>Tab3</h2>
@IvanofSA
IvanofSA / shadow btn
Created February 5, 2016 19:56
shadow btn
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
button.toggle_mnu
span.sandwich
span.sw-topper
span.sw-bottom
span.sw-footer
form(name="input" action="/submit/form" method="POST" class="sendForm")
<!-- - Hidden input send form-->
input(type="hidden" name="project_name" value="Название сайта")
input(type="hidden" name="admin_email" value="ТУТ ДОЛЖЕН БЫТЬ ВАША ПОЧТА НА КОТОРЫЕ БУДУТ ПРИХОДИТЬ ЗАЯВКИ!!")
input(type="hidden" name="form_subject" value="Заявка на лендинг")
<!-- - End Hidden input send form-->
input(type="text" name="Name" placeholder="Ваше имя" class="inp")
input(type="email" name="Email" placeholder="Ваша Email" class="inp")
input(type="tel" name="telephone" placeholder="Ваш телефон" class="inp inp__phone")
textarea(rows="5" cols="45" name="message" placeholder="Ваше сообщения" class="inp inp__area")
.btn{
display: block;
margin: 0 auto;
margin-top: 20px;
background: $orange;
color: #fff;
text-transform: uppercase;
padding: 20px 30px;
border-radius: 5px;
box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
@IvanofSA
IvanofSA / Share-social.jade
Created November 25, 2016 09:10
Share social
.step__shared.share
.share__title Поделиться
ul.share__container
li.share__wrap.share__wrap_ok(data-social-type = "ok" data-purl="" data-pimg="http://site.ru/img3.png", data-ptitle="Заголовок", data-ptext="техт")
li.share__wrap.share__wrap_fb(data-social-type = "facebookApp" data-purl="" data-pimg="http://site.ru/img3.png", data-ptitle="Заголовок", data-ptext="техт")
li.share__wrap.share__wrap_vk(data-social-type = "vk" data-purl="" data-pimg="http://site.ru/img3.png", data-ptitle="Заголовок", data-ptext="техт")
@IvanofSA
IvanofSA / changeBackground.js
Created February 9, 2017 09:31
changeBackground
var colors = new Array(
[58,96,115],
[22,34,42],
[0, 22, 8],
[38,56,35],
[32,24,82],
[135, 129, 19]
);
var step = 0;