Skip to content

Instantly share code, notes, and snippets.

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

Olga Zhyzhka HelgaZhizhka

👁️‍🗨️
View GitHub Profile
@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 sales@quantron-systems.com
//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
@HelgaZhizhka
HelgaZhizhka / app.js
Created October 4, 2017 07:01
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;
@HelgaZhizhka
HelgaZhizhka / CSS: Fonts Stacks
Created August 8, 2017 16:16 — forked from zhilinskiy/CSS: Fonts Stacks
CSS: Fonts Stacks
/**
*
* Font Staks
*http://sixrevisions.com/css/css-typography-01/
*
* Wide sans serif: Verdana, Geneva
Narrow sans serif: Tahoma, Arial, Helvetica
Wide serif: Georgia, Utopia
Narrow serif: Times, Times New Roman
Monospace: Courier, Courier New, Lucida Console