Skip to content

Instantly share code, notes, and snippets.

View KirillUnited's full-sized avatar

Kirill Dubov KirillUnited

2 followers · 8 following
View GitHub Profile
@KirillUnited
KirillUnited / index.html
Created April 1, 2020 11:55
How to insert twenty videos from YouTube
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Как вставить двадцать видео с Ютуба: стало</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="video.css">
</head>
<body class="page">
<div class="video">
@KirillUnited
KirillUnited / sticky-sidebar.js
Created January 27, 2020 13:59
smooth sticky block on scroll
<script type="text/javascript">
// fixed block
$(document).ready(function () {
$(function () {
var topPos = $('.obj-section_advert').offset().top;
var offset = $('.obj-section_advert').offset();
var topPadding = 20;
$(window).scroll(function () {
if(window.innerWidth > 991) {
@KirillUnited
KirillUnited / Expanded-more-less.js
Created December 24, 2019 12:25
Expanded block (read more/less)
// Expanded block (read more/less)
var expandedBlock = $('[data-attr="expanded"]');
if (expandedBlock) {
var ellipsestext = "...";
var moretext = "Read More";
var lesstext = "Read Less";
// Will Shorten Text and Add Addtional HTML Tags
$(expandedBlock).each(function () {
var showChar = $(this).data("char-count");
@KirillUnited
KirillUnited / show-menu-scroll-up.js
Created November 22, 2019 08:54
Hide Header on scroll down and show on scroll up
// Hide Header on scroll down and show on scroll up
var scrollTimeOut = true,
lastYPos = 0,
yPos = 0,
yPosDelta = 5,
nav = $('.header'),
navHeight = nav.outerHeight(),
setNavClass = function () {
scrollTimeOut = false;
yPos = $(window).scrollTop();
@KirillUnited
KirillUnited / custom_checkbox.html
Created March 25, 2019 07:22
custom checkbox
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Чекбокс совместимый</title>
<style>
body {
margin: 0;
padding: 25px;
font-family: sans-serif;
@KirillUnited
KirillUnited / modal.css
Created March 11, 2019 12:23
Modal Box Example
/* The Modal (background) */
.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
@KirillUnited
KirillUnited / js-youtube-video.html
Created January 28, 2019 06:37
youtube mask and play
<div class="js-youtube-video" data-src="https://www.youtube.com/embed/CSehGrk48TQ">
<div class="icon-play"></div><img src="img/youtube-img.png" alt="youtube-video">
<div class="overlay"></div>
</div>
<script>
/**
* youtube mask and play
*/
$('.js-youtube-video').click(function () {
var $t = $(this);
@KirillUnited
KirillUnited / preloader.html
Created December 27, 2018 12:47
preloader for slider
<style>
.preloader img {
max-width: 100%;
max-height: 100%;
}
.main-cat_banner {
position: relative;
}
.main-cat_banner .preloader {
@KirillUnited
KirillUnited / slickInit.js
Created December 6, 2018 08:35
show slider after slick init
$('.reviews').hide();
$('.reviews').on('init', function(event, slick){
$(this).show();
});
//**************??????? ??? ??????*****************************
$('.reviews').slick({
slidesToShow: 1,
slidesToScroll: 1,
@KirillUnited
KirillUnited / select.html
Created November 27, 2018 07:46
custom form select
<style>
/*Styling Selectbox*/
.dropdown {
width: 300px;
display: inline-block;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 2px rgb(204, 204, 204);
transition: all .5s ease;
position: relative;