Skip to content

Instantly share code, notes, and snippets.

View HelgaZhizhka's full-sized avatar
👁️‍🗨️

Olga Zhyzhka HelgaZhizhka

👁️‍🗨️
View GitHub Profile
$(".swiper-container").each(function(index, element){
var $this = $(this);
$this.addClass("instance-" + index);
$this.find(".swiper-button-prev").addClass("btn-prev-" + index);
$this.find(".swiper-button-next").addClass("btn-next-" + index);
var swiper = new Swiper(".instance-" + index, {
// your settings ...
nextButton: ".btn-next-" + index,
prevButton: ".btn-prev-" + index
});
@HelgaZhizhka
HelgaZhizhka / hide_show_menu_jquery.js
Created January 12, 2018 08:51 — forked from ChrisMoney/hide_show_menu_jquery.js
JQuery - Show/Hide dropdown menu on hover
// Reference JQuery from Google CDN
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js" type="text/javascript"></script>
// Markup
<ul id="jsddm">
<li><a href="#">JavaScript</a>
<ul>
<li><a href="#">Drop Down Menu</a></li>
<li><a href="#">jQuery Plugin</a></li>
<li><a href="#">Ajax Navigation</a></li>
@HelgaZhizhka
HelgaZhizhka / isRetina.js
Created January 11, 2018 09:00 — forked from kirkonrails/isRetina.js
isRetina javascript function to swap images to @2x
// To make images retina, add a class "2x" to the img element
// and add a <image-name>@2x.png image. Assumes jquery is loaded.
function isRetina() {
var mediaQuery = "(-webkit-min-device-pixel-ratio: 1.5),\
(min--moz-device-pixel-ratio: 1.5),\
(-o-min-device-pixel-ratio: 3/2),\
(min-resolution: 1.5dppx)";
if (window.devicePixelRatio > 1)
@HelgaZhizhka
HelgaZhizhka / overlay.css
Created November 26, 2017 12:14 — forked from bradonomics/overlay.css
Background dark overlay
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
@HelgaZhizhka
HelgaZhizhka / gist:991a4ddd6cb790de890c1153242f34f0
Created November 25, 2017 09:30 — forked from nateps/gist:1172490
Hide the address bar in a fullscreen iPhone or Android web app
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<title>Test fullscreen</title>
<style>
html, body {
margin: 0;
padding: 0;
@HelgaZhizhka
HelgaZhizhka / npm-list-globally.md
Created November 22, 2017 19:35 — forked from brenopolanski/npm-list-globally.md
Listing globally installed NPM packages and version
npm list -g --depth=0
@HelgaZhizhka
HelgaZhizhka / gist:444e640f769c9197d3b57c7bf35977f8
Created November 15, 2017 09:55 — forked from kogakure/gist:27b6e02034bae4ed7c70
Pure CSS multiline text with ellipsis
/* http://martinwolf.org/2013/01/29/pure-css-multiline-text-with-ellipsis/ */
$font-size: 26px;
$line-height: 1.4;
$lines-to-show: 3;
h2 {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
// Copyright (C) 2008-2016 Quantron Systems LLC.
// All Rights Reserved.
//
// This file is part of the Pakmil project.
// For conditions of distribution and use,
// please contact [email protected]
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
@HelgaZhizhka
HelgaZhizhka / app.js
Created October 4, 2017 07:01 — forked from moso/app.js
laravel-mix config
// jQuery import
global.jQuery = require('jquery');
var $ = global.jQuery;
window.$ = $;
// Bootstrap 4 depends on Popper.js
// Popper.js import
//import Popper from 'popper.js';
//window.Popper = Popper;
// deploy assets to remote server
gulp.task('deploy', () => {
let sftp = require('gulp-sftp')
return gulp.src(assets + '/**')
.pipe(sftp({
host: '[remote server ip]',
remotePath: '/www/app/',
user: 'foo',
pass: 'bar'