Skip to content

Instantly share code, notes, and snippets.

View koldovsky's full-sized avatar

Vyacheslav Koldovskyy koldovsky

126 followers · 2 following
View GitHub Profile
@koldovsky
koldovsky / bootstrap-navbar.html
Last active November 15, 2016 15:38
Bootstrap Navbar Sample
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Happy Cats</a>
</div>
@koldovsky
koldovsky / smooth-scroll.js
Created November 15, 2016 15:41
Smooth Scroll
$(function() {
$('.smooth').on('click', function(event) {
var target = $(this.getAttribute('href'));
if (target.length) {
event.preventDefault();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 2000);
}
});
@koldovsky
koldovsky / bootstrap-collapse-navbar.js
Created November 15, 2016 15:47
Collapse bootstrap navbar on click
$(function() {
$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
$(this).collapse('hide');
}
});
});
@koldovsky
koldovsky / bootstrap-carousel.html
Created November 15, 2016 15:50
Bootstrap carousel
@koldovsky
koldovsky / index.js
Created March 20, 2017 10:47 — forked from chrisbuttery/index.js
Control the flow of asynchronous calls with ES6 generator functions
/**
* get - XHR Request
*/
let get = function (url) {
return function (callback) {
let xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.onreadystatechange = function() {
let response = xhr.responseText;
@koldovsky
koldovsky / boostrap4-navbar-collapse.js
Created October 2, 2017 16:04
boostrap 4 navbar collapse
$(function() {
$('.navbar-nav>li>a').on('click', function() {
$('.navbar-collapse').collapse('hide');
});
});
@koldovsky
koldovsky / index.html
Created November 10, 2017 09:26
JS Bin // source http://jsbin.com/qehamij
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.panels div {
display: none;
}
@koldovsky
koldovsky / index.html
Created November 10, 2017 09:29
JS Bin // source http://jsbin.com/qehamij
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.panels div {
display: none;
}
@koldovsky
koldovsky / gulpfile.js
Created January 15, 2018 20:59
gulp Hello World!
var gulp = require('gulp');
gulp.task('default', defaultTask);
function defaultTask(done) {
// place code for your default task here
console.log('Hello World');
done();
}
@koldovsky
koldovsky / index.html
Created February 19, 2018 07:47
All tags page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title> HTML Patterns </title>
<meta name="author" content="mrmrs">
<meta name="description" content="Common HTML5 patterns I use.">