Skip to content

Instantly share code, notes, and snippets.

View AlexKardone's full-sized avatar

Alexander Matskevich AlexKardone

3 followers · 3 following
View GitHub Profile
@AlexKardone
AlexKardone / menu-gamburger.css
Last active January 26, 2018 19:38
Menu-gamburger for web-site
.menu-icon {
position: absolute;
right: 0;
text-align: center;
width: 70px;
height: 70px;
border-left: 1px solid #c8c8c8;
}
.menu-icon span {
@AlexKardone
AlexKardone / Menu on full width of the block
Last active May 6, 2017 15:23
Menu on full width of the block
BKWaYz
------
A [Pen](http://codepen.io/gaserge/pen/BKWaYz) by [serge](http://codepen.io/gaserge) on [CodePen](http://codepen.io/).
[License](http://codepen.io/gaserge/pen/BKWaYz/license).
@AlexKardone
AlexKardone / push footer down
Last active May 9, 2017 13:24
Sticky footer
@AlexKardone
AlexKardone / Search button Magnifier
Last active May 7, 2017 16:57
Search-button on SVG
<svg>
<rect width="50" height="10" x="-34" y="37" rx="5" ry="20" fill="#ffffff"/>
<circle r="26" cx="56%" cy="45%" fill="#f0626e"/>
<circle r="23" cx="56%" cy="45%" fill="#ffffff"/>
<circle r="18" cx="56%" cy="45%" fill="#f0626e"/>
</svg>
@AlexKardone
AlexKardone / carousel-on-js.markdown
Last active May 13, 2017 10:03
Carousel on js
@AlexKardone
AlexKardone / css
Created October 18, 2017 07:33
Grid Holy Grail on display: table
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
.wrap {
@AlexKardone
AlexKardone / gist:abde216e0eea6ce0ece300a8e3162299
Created October 24, 2017 08:32
Хедер на всю высоту и автоматическое подстраивание под изменение высоты окна
// Хедер на всю высоту и автоматическое подстраивание под изменение высоты окна
function heightDetect() {
// height header equals height of screen
$(".main_head").css('height', $(window).height());
};
heightDetect();
$(window).resize(function() {
heightDetect();
});
@AlexKardone
AlexKardone / gist:91f79dfcfbbe71b5cec5457d6be287c1
Created October 24, 2017 08:34
jQuery preloader
#loader {
background: none repeat scroll 0 0 #ffffff;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
@AlexKardone
AlexKardone / gist:27372bacc38ac79fdeb79c40faf280e6
Created November 26, 2017 09:36
Линия слева и справа от текста
http://dimox.name/verstka-zagolovka-s-gorizontalnoj-liniej-sleva-i-sprava-ot-teksta/
@AlexKardone
AlexKardone / Подгонка ширины блока под ширину окна - js
Last active January 26, 2018 19:12
Подгонка ширины блока под ширину окна
function widthDetect() {
$('.class-name').css('width', $(window).width());
};
$(window).resize(function() {
widthDetect();
});