Skip to content

Instantly share code, notes, and snippets.

View Hatteron's full-sized avatar

Mger Soukiasian Hatteron

  • Croc Capital
  • Dubai
View GitHub Profile
@Hatteron
Hatteron / leaflet.draw.ru.js
Created December 26, 2018 12:22 — forked from kuzkok/leaflet.draw.ru.js
Leaflet.draw russian localization
L.drawLocal = {
draw: {
toolbar: {
actions: {
title: 'Прекратить рисование',//'Cancel drawing',
text: 'Отмена'//'Cancel'
},
undo: {
title: '',//'Delete last point drawn',
text: 'Удалить последнюю точку'//'Delete last point'
@Hatteron
Hatteron / app.js
Created July 16, 2017 13:56 — forked from sogko/app.js
gulp + expressjs + nodemon + browser-sync
'use strict';
// simple express server
var express = require('express');
var app = express();
var router = express.Router();
app.use(express.static('public'));
app.get('/', function(req, res) {
res.sendfile('./public/index.html');
@Hatteron
Hatteron / 1. single-line.html
Created July 8, 2017 16:21 — forked from murtaugh/1. single-line.html
Blockquote patterns for ALA
<figure class="quote">
<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>
@Hatteron
Hatteron / play-yt-video.html
Created July 8, 2017 16:19 — forked from martinwolf/play-yt-video.html
JS: Play embedded YouTube Video on click
<a id="play-video" href="#">Play Video</a>
<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>
$(".element").waypoint(function() {
$(this).addClass("animated zoomInUp");
}, {
offset: "70%"
});
.element:nth-child(1) {
-webkit-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
HTML:
<div class="wrapper">
<div class="tabs">
<span class="tab">Вкладка 1</span>
<span class="tab">Вкладка 2</span>
<span class="tab">Вкладка 3</span>
</div>
<div class="tab_content">
<div class="tab_item">Содержимое 1</div>
<div class="tab_item">Содержимое 2</div>
var $container = $(".masonry-container");
$container.imagesLoaded(function () {
$container.masonry({
columnWidth: ".item",
itemSelector: ".item"
});
});
$(window).scroll(function() {
var st = $(this).scrollTop() /10;
$(".object").css({
"transform" : "translate3d(0px, " + st + "%, .01px)",
"-webkit-transform" : "translate3d(0px, " + st + "%, .01px)"
});
});
@Hatteron
Hatteron / header_fadeout.js
Created July 8, 2017 16:09 — forked from agragregra/header_fadeout.js
jQuery Header Content FadeOut on Scroll
$(window).scroll(function() {
var st = $(this).scrollTop();
if($(window).height()+500 > $("header").height()) {
$("header .col-md-12").css({
"transform" : "translate3d(0px, " + st /18 + "%, 0px)",
"-webkit-transform" : "translate3d(0px, " + st /18 + "%, 0px)",
"opacity" : "1" - st/700
});
<!-- HTML -->
<a href="#" class="toggle-mnu hidden-lg"><span></span></a>
<!-- SASS -->
.toggle-mnu
display: block
width: 28px
height: 28px
margin-top: 14px