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 / jQuery.newPlugin.js
Created December 19, 2015 08:12
jQuery New Plugin
$.fn.myNewPlugin = function() {
return this.each(function() {
// Do something to each element here.
});
};
@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 / 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 / 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 / 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 / userChrome.css
Created November 25, 2015 14:34
Firefox DevTools Font-size
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("chrome://browser/content/devtools/**/.*"){
.devtools-monospace {
font-size: 11pt!important;
}
}
@agragregra
agragregra / mousewheel-icon.html
Created October 31, 2015 14:52
Mouse Wheel Animation CSS Icon | http://jsfiddle.net/cmajo9h6/
<style>
/* ---------------------------------------------- /*
* Mouse animate icon
/* ---------------------------------------------- */
.mouse-icon {
border: 2px solid #000;
border-radius: 16px;
height: 40px;
width: 24px;
display: block;
@agragregra
agragregra / svgdraw.js
Created September 15, 2015 04:39
SVG Animate
var path = document.querySelector('path');
var length = path.getTotalLength();
// Clear any previous transition
path.style.transition = path.style.WebkitTransition =
'none';
// Set up the starting positions
path.style.strokeDasharray = length + ' ' + length;
path.style.strokeDashoffset = length;
// Trigger a layout so styles are calculated & the browser
// picks up the starting position before animating
@agragregra
agragregra / jsnewtab.js
Created July 3, 2015 09:40
JavaScript Open In New Tab
window.open("http://", "_blank");
@agragregra
agragregra / cssblur.css
Created June 24, 2015 02:48
CSS Stand-Alone Blur Overlay
.class {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'3\'/></filter></svg>#blur");
}