Skip to content

Instantly share code, notes, and snippets.

View 0632347878's full-sized avatar

Den 0632347878

2 followers · 7 following
View GitHub Profile
@0632347878
0632347878 / gist:7d3034f4b78880639f839b80f8436c70
Created July 16, 2017 08:11
arrow
content: '';
position: absolute;
top: 32px;
left: 1px;
width: 0;
height: 0;
border-width: 8px;
border-color: #fff #fff transparent transparent;
border-style: solid;
-webkit-transform: rotate(-135deg) translateY(-50%);
@0632347878
0632347878 / gist:197347965fc730641f5794ee00852439
Created July 15, 2017 20:39
Cava ground
// Закрытие по нажатию
$('.close').click(function(event) {
$('.popup').fadeOut('fast', function() {
});;
});
// Закрытие при клике вне области
$(document).mouseup(function (e){ // событие клика по веб-документу
var div = $(".popup-content"); // тут указываем ID элемента
@0632347878
0632347878 / paste font in HTML trough JS
Last active July 13, 2017 08:27
var css = '@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);\
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese);\
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,latin-ext,greek-ext,greek,vietnamese,cyrillic,cyrillic-ext);',
head = document.head || document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet){
style.styleSheet.cssText = css;
} else {
@0632347878
0632347878 / gist:2fb699be63ce0c31d330ababd17410f7
Created July 10, 2017 14:27
Tringle on tringle arrow
&:after, &:before {
bottom: 100%;
left: 74%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
@0632347878
0632347878 / gist:b1f8dc5ed3c3f9049f23db313e6b2db8
Created July 2, 2017 11:36
Click inside/outside
$(document).click(function() {
alert('clicked outside');
});
$("#cabinet_messages").click(function(event) {
alert('clicked inside');
event.stopPropagation();
});
@0632347878
0632347878 / gist:87f1b54c530dedfe0b839f824401f453
Created June 24, 2017 19:27
Color input on focus
input:focus:required:invalid
@0632347878
0632347878 / Scroll to top
Created June 20, 2017 06:57
$('.rocket').on('click touchend', function () {
$('html, body').animate({'scrollTop': 0}, 800, 'swing');
return false;
});
@0632347878
0632347878 / gist:2636dcebc1d3ad8fdba00c2344c4ca5c
Created June 19, 2017 06:52
Costumization checkbox
label {
font - size: 12 px;
font - weight: normal;
color: @link - color;
border - bottom: 1 px dotted @link - color;
}
}
input[type = "checkbox"] { display: none; }
input[type = "checkbox"] + label {
@0632347878
0632347878 / JS hardcode with worked two for and IF
Created May 17, 2017 07:25
document.addEventListener("DOMContentLoaded", function() {
var newDiv = document.createElement('div');
var newElemDiv = newDiv.className = "fields-wrapper";
var fieldsContainer = document.querySelectorAll('.fields-container');
var fieldsContainerArray = Array.prototype.slice.call(fieldsContainer);
for (i = 0; i < fieldsContainerArray.length; i++) {
@0632347878
0632347878 / Carousel Jquery
Created May 17, 2017 07:23