Skip to content

Instantly share code, notes, and snippets.

View alexvas123's full-sized avatar

Alexander Vassiliev alexvas123

View GitHub Profile
@alexvas123
alexvas123 / video HTML
Last active May 29, 2016 12:20
video HTML
<div class="videoWrapper">
<iframe src="" frameborder="0" allowfullscreen></iframe>
</div>
.videoWrapper
position: relative
padding-bottom: 56.25% /* 16:9 */
padding-top: 25px
height: 0
@alexvas123
alexvas123 / SlideUp SlideDown
Created May 25, 2016 12:47
SlideUp SlideDown
// HTML
<!-- BOOKS BEGIN -->
<div class="books">
<div class="header thriller">Триллер на ту же тему</div>
<div class="books-wrapper">
@alexvas123
alexvas123 / Accordion
Created May 25, 2016 12:40
Accordion
<!-- ACCORDION BEGINS -->
// HTML
<div class="accordion">
<section>
<a href="#" class="header">
<div class="arrow right-arrow down-arrow"></div>&ldquo;Высший пафос&rdquo;. Часть 10</a>
<div class="content">
@mixin title-glow
-webkit-transition: all 0.5s
-moz-transition: all 0.5s
transition: all 0.5s
-webkit-animation: neon1 1.5s ease-in-out infinite alternate
-moz-animation: neon1 1.5s ease-in-out infinite alternate
animation: neon1 1.5s ease-in-out infinite alternate
&:hover
@alexvas123
alexvas123 / Textilate FitText
Created May 25, 2016 12:25
Textilate FitText
// TITLE BEGINS
$("h1").textillate({ in : {
effect: 'flipInY',
callback: function () {
$(".char2").addClass('rotate');
}
},
initialDelay: 300
});
@alexvas123
alexvas123 / AJAX Switch Case
Created May 25, 2016 12:24
AJAX Switch Case
//AJAX BEGINS
$('.buttonsContainer').find('a').on('click', function (e) {
e.preventDefault();
cache: false;
$('.jumbo').fadeOut();
var attrValue = $(this).attr('href');
switch (attrValue) {
@alexvas123
alexvas123 / .htaccess
Created May 25, 2016 12:21
.htaccess
<ifModule mod_expires.c>
# Add correct content-type for fonts
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff
AddType image/svg+xml .svg
# Compress compressible fonts
@alexvas123
alexvas123 / Media Queries
Last active September 23, 2016 20:12
Media Queries
// Breakpoints
$bp-xxsmall: rem(280);
$bp-xsmall: rem(375);
$bp-small: rem(425);
$bp-medium: rem(768);
$bp-large: rem(1024);
$bp-xlarge: rem(1440);
$bp-xxlarge: rem(2560);
// Media Queries
@alexvas123
alexvas123 / Fonts Bourbon
Created May 25, 2016 12:17
Fonts Bourbon
+font-face('Roboto', "../fonts/Roboto/Roboto-Regular", $file-formats: eot woff ttf)
@alexvas123
alexvas123 / Mixins
Last active May 29, 2016 09:26
Mixins
@mixin video
.videoWrapper
position: relative
padding-bottom: 56.25% /* 16:9 */
padding-top: 25px
height: 0
iframe
position: absolute
top: 0