Skip to content

Instantly share code, notes, and snippets.

View 1Kakady1's full-sized avatar

Anton 1Kakady1

0 followers · 1 following
View GitHub Profile
@1Kakady1
1Kakady1 / pwa add modal
Created September 20, 2019 11:35
pwa modal home screen add
html =>
<div class="pwa-modal-add animated" style="display: none;">
<div class="pwa-modal-close">X</div>
<div class="pwa-modal-title">Install phone</div>
<div class="pwa-modal-info">
<div class="pwa-modal-logo">
<img class="pwa-logo" src="<?php echo get_template_directory_uri() ?>/assets/img/svg/logo-red.svg" alt="">
</div>
<div class="pwa-modal-btn">
@1Kakady1
1Kakady1 / quiz
Created September 20, 2019 11:30
survey for site
html =>
<div class="container">
<div class="flex-row quiz">
<div class="column-quiz-left">
<div class="quiz-title quiz_h1">
СЭКОНОМЬТЕ 80% СВОЕГО ВРЕМЕНИ НА ПОДБОРЕ КВАРТИРЫ ИЛИ ПОИСКЕ ПОКУПАТЕЛЯ
<div class="quiz_hr"></div>
</div>
<div class="quiz-desc">
@1Kakady1
1Kakady1 / gist:9ee8132ad0a5f4d247edbd1cc6b25ea1
Created September 20, 2019 11:25
hover btn
<style>
body{
background: #000;
text-align: center;
}
a::after {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
content: "";
height: 100%;
@1Kakady1
1Kakady1 / drop down buttons
Created September 20, 2019 11:23
drop down buttons
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.btn-go{
cursor: pointer;
border-radius: 100%;
@1Kakady1
1Kakady1 / hover
Created August 28, 2019 08:11
hover
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hover</title>
<style>
body{
background: #000;
text-align: center;
}
@1Kakady1
1Kakady1 / btn nav
Created August 27, 2019 12:47
btn nav
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.btn-go{
cursor: pointer;
border-radius: 100%;
@1Kakady1
1Kakady1 / gist:b94c122f55399e5f220060cd0bdfadaf
Created August 11, 2019 19:42
snippets RN
{
// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// "Print to console": {
// "scope": "javascript,typescript",
@1Kakady1
1Kakady1 / 1. Print text smooth - js ( make through babel )
Last active June 18, 2019 09:16
smooth text
function testPrint(){
const t = document.querySelectorAll(".v_s_s_elem"),
n = document.querySelectorAll(".v_s_s_text p");
let i = 0,
r = .05,
o = null;
function s(e) {
let t = e.innerText.split("");
e.innerHTML = "";
@1Kakady1
1Kakady1 / 3d animatiom
Created May 9, 2019 09:28
3d card animatiom on js
// js
const anim_cards = document.querySelectorAll(".anim_card");
for (let index = 0; index < anim_cards.length; index++) {
const card = anim_cards[index];
console.log(card);
card.addEventListener('mousemove',startRotate);
//card.addEventListener('mouseout',stopRotate);
}
@1Kakady1
1Kakady1 / lazyload
Created April 14, 2019 19:35
lazyload img (https://codepen.io/FilipVitas/pen/pQBYQd)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Test lazyLoad</title>
<style>
* {
box-sizing: border-box;