Skip to content

Instantly share code, notes, and snippets.

View Yurii-Chaban's full-sized avatar

Yurii Chaban Yurii-Chaban

7 followers · 47 following
  • Ukraine, Cherkassy
View GitHub Profile
@Yurii-Chaban
Yurii-Chaban / defefef
Created March 18, 2024 18:48
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebStudio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/2.0.0/modern-normalize.min.css"
crossorigin="anonymous" referrerpolicy="no-referrer">
<link rel="stylesheet" href="./css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
@Yurii-Chaban
Yurii-Chaban / Angular mask directive
Last active September 18, 2018 11:50
https://gist.github.com/razorcd/0fb5bbac4758ba7da2c97da3fa1f4424
import { Directive, Attribute, HostListener } from '@angular/core';
import { NgModel } from '@angular/forms';
@Directive({
selector: '[mask]',
host: {
'(keyup)' : 'onInputChange()'
}
})
export class MaskDirective{
@Yurii-Chaban
Yurii-Chaban / no-dbl-click-mat.directive.ts
Created September 11, 2018 08:16 — forked from svetlio/no-dbl-click-mat.directive.ts
Angular 5 directive - Prevent double click for html button (no-dbl-click.directive.ts), and material mat-button (no-dbl-click-mat.directive.ts)
import { Directive, HostListener } from '@angular/core';
@Directive({
selector: '[appNoDblClickMat]'
})
export class NoDblClickDirectiveMat {
constructor() { }
@HostListener('click', ['$event'])
@Yurii-Chaban
Yurii-Chaban / Media queries
Created February 26, 2018 23:15
/*
Based on:
1. http://stephen.io/mediaqueries
2. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/
/* iPhone 6 in portrait & landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
@Yurii-Chaban
Yurii-Chaban / cool hover effects for menu
Created July 28, 2017 10:36
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block">
TAB1
</div>
<div class="block active">
TAB2
</div>
<div class="block">
TAB3
</div>
@Yurii-Chaban
Yurii-Chaban / js-task-1.md
Created March 23, 2017 19:51 — forked from codedokode/js-task-1.md
Задания на яваскрипт (простые)
@Yurii-Chaban
Yurii-Chaban / test
Last active November 15, 2016 07:31
(function () {
// --------------------------Task 1---------------------
// -----------------------------------------------------
// created an empty array
console.log("----------------Task 1----------------");
console.log("Created an empty array");
console.log("--------------------------------------");
var numberArr = [];
// -----------------------------------------------------
@Yurii-Chaban
Yurii-Chaban / Sublime Text 3 License key
Created October 15, 2016 08:10
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
@Yurii-Chaban
Yurii-Chaban / for swiper resize width
Created October 11, 2016 13:30
var swiper_main = new Swiper('.swiper-container-design-mobile', {
paginationClickable: true,
loop: true,
slidesPerView: 3,
spaceBetween: 30,
centeredSlides: true,
autoplay: 3500,
speed: 1000,
freeMode: true,
watchSlidesProgress: true,
@Yurii-Chaban
Yurii-Chaban / swiper
Created October 11, 2016 12:47
swiper = new Swiper('.swiper-pages', {
grabCursor: true,
slidesPerView : '1',
progress:true,
loop:true,
autoResize: false,
resizeReInit: true,
onProgressChange: function(swiper){
for (var i = 0; i < swiper.slides.length; i++){