Skip to content

Instantly share code, notes, and snippets.

View agragregra's full-sized avatar

Алексей agragregra

2.4k followers · 0 following
View GitHub Profile
@agragregra
agragregra / media.css
Created December 15, 2015 11:50
Bootstrap Media CSS | Sass
/*========== Desktop First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
@agragregra
agragregra / mobile-menu.html
Created December 1, 2015 14:42
Mobile Menu Toggle Button | http://codepen.io/agragregra/pen/bEbbmZ
<!-- HTML -->
<a href="#" class="toggle-mnu hidden-lg"><span></span></a>
<!-- SASS -->
.toggle-mnu
display: block
width: 28px
height: 28px
margin-top: 14px
@agragregra
agragregra / chrome-smooth-scroll.js
Created December 4, 2015 20:28
Chrome Smooth Scroll
//Chrome Smooth Scroll
try {
$.browserSelector();
if($("html").hasClass("chrome")) {
$.smoothScroll();
}
} catch(err) {
};
@agragregra
agragregra / gist:358ff867f1fce031fd72
Last active May 18, 2022 14:48
ffmpeg Scree Capture + Audio/Video Sync
ffmpeg -f alsa -ac 2 -i default -f x11grab -r 60 -s $(xwininfo -root | grep 'geometry' | awk '{print $2;}') -s 1366x768 -i :0.0 -acodec pcm_s16le -vcodec libx264 -preset ultrafast -threads 0 output.mkv
@agragregra
agragregra / scroll-next.js
Created August 5, 2016 09:01
jQuery Scroll To Next Section
$(".scroll-next").click(function() {
var cls = $(this).closest(".section").next().offset().top;
$("html, body").animate({scrollTop: cls}, "slow");
});
@agragregra
agragregra / jquery-active.js
Last active April 7, 2022 19:27
jQuery Active Menu
//Active menu
$("li a").each(function() {
if (this.href == window.location.href) {
$(this).addClass("active");
}
});
@agragregra
agragregra / magnific-animation-preloader
Last active January 31, 2022 09:39
Magnific Gallery with Animation & Preloader | http://codepen.io/agragregra/pen/OMNLQJ
SASS:
.mfp-ready .mfp-figure
opacity: 0
.mfp-zoom-in
.mfp-figure, .mfp-iframe-holder .mfp-iframe-scaler
opacity: 0
transition: all 0.3s ease-out
transform: scale(0.95)
&.mfp-bg, .mfp-preloader
opacity: 0
@agragregra
agragregra / masonry_imageloaded.js
Last active July 23, 2021 18:44
Masonry imagesLoaded
var $container = $(".masonry-container");
$container.imagesLoaded(function () {
$container.masonry({
columnWidth: ".item",
itemSelector: ".item"
});
});
@agragregra
agragregra / jQyery Form Ajax
Created February 18, 2015 11:15
//Аякс отправка форм
//Документация: http://api.jquery.com/jquery.ajax/
$("#form, #form2").submit(function(e) {
e.preventDefault;
$.ajax({
type: "POST",
url: "mail.php",
data: $(this).serialize()
}).done(function() {
alert("Спасибо за заявку!");
@agragregra
agragregra / gulpfile.js
Created October 10, 2016 09:57
Image Resize + Watermark + Thumbnails
var src = "___library/7-kazan/1/*";
var dst = "_ready";
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
cache = require('gulp-cache'),
del = require('del'),
imageResize = require('gulp-image-resize'),
watermark = require("gulp-watermark"),
rename = require("gulp-rename");