Skip to content

Instantly share code, notes, and snippets.

View a-zhary's full-sized avatar
💻
Happy Coding

Anton Zhary a-zhary

💻
Happy Coding
View GitHub Profile
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
@a-zhary
a-zhary / scroll-next.js
Created May 27, 2017 22:06 — forked from agragregra/scroll-next.js
jQuery Scroll To Next Section
$(".scroll-next").click(function() {
var cls = $(this).closest(".section").next().offset().top;
$("html, body").animate({scrollTop: cls}, "slow");
});
@a-zhary
a-zhary / .sass
Created May 19, 2017 18:30
Chevron badge item
.features-icon
position: relative
background-color: #404040
padding: 18px 10px 15px 10px
border-radius: 4px
&::before
content: ''
position: absolute
top: 45px
left: 0
@a-zhary
a-zhary / gulpfile.js
Created May 17, 2017 00:21 — forked from evanre/gulpfile.js
Wordpress gulpfile.js
var
// global
gulp = require('gulp'),
watch = require('gulp-watch'),
browserSync = require("browser-sync"),
reload = browserSync.reload,
sass = require('gulp-sass'),
prefixer = require('gulp-autoprefixer'),
cssnano = require('gulp-cssnano'),
@a-zhary
a-zhary / view.php
Created April 30, 2017 11:51
Unyson add custom class, custom id fields
$section_style = ( $bg_color || $bg_image ) ? 'style="' . esc_attr($bg_color . $bg_image) . '"' : '';
$container_class = ( isset( $atts['is_fullwidth'] ) && $atts['is_fullwidth'] ) ? 'fw-container-fluid' : 'fw-container';
$custom_class = ( isset( $atts['custom_class'] ) && $atts['custom_class'] ) ? ' ' . $atts['custom_class'] . '' : '';
$custom_id = ( isset( $atts['custom_id'] ) && $atts['custom_id'] ) ? $atts['custom_id'] : '';
?>
<section id="<?php echo $custom_id ?>" class="fw-main-row<?php echo $custom_class ?> <?php echo esc_attr($section_extra_classes) ?>" <?php echo $section_style; ?> <?php echo $bg_video_data_attr; ?>>
<div class="<?php echo esc_attr($container_class); ?>">
<?php echo do_shortcode( $content ); ?>
</div>
@a-zhary
a-zhary / gist:bba6205ee8669b54b22442b136e8626e
Created April 29, 2017 08:20
mmenu css-humburger animation
var api = $('#my-menu').data('mmenu');
api.bind('open:start', function() {
$('.hamburger').addClass('is-active');
}).bind('close:finish', function() {
$('.hamburger').removeClass('is-active');
});
@a-zhary
a-zhary / font-awesome.min.css
Created April 27, 2017 20:03
font-awesome.min.css
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');src:url('../../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-
$(".tab_item").not(":first").hide();
$(".wrapper .tab").show().click(function() {
var ind = $(this).index();
$(".wrapper .tab").removeClass("active").eq(ind).addClass("active");
$(".tab_item").hide().eq(ind).fadeIn()
}).eq(0).addClass("active");
<div class="wrapper">
<div class="tabs">
<span class="tab">Вкладка 1</span>
//Аякс отправка форм
//Документация: 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("Спасибо за заявку!");
@a-zhary
a-zhary / animate-css.js + waypoints.min.js
Last active December 6, 2017 02:11 — forked from agragregra/animate-css.js
Animate CSS jQuery
//Animate CSS + WayPoints javaScript Plugin
//Require jquery-migrate-3.0.0.js
//Example: $(".element").animated("zoomInUp", "zoomOutDown");
//Author URL: http://webdesign-master.ru
//ONCE ANIMATE
(function($) {
$.fn.animated = function(inEffect) {
$(this).css("opacity", "0").addClass("animated").waypoint(function(dir) {