Skip to content

Instantly share code, notes, and snippets.

View AlexRatmansky's full-sized avatar
🌴
On vacation

Александр Ратманский AlexRatmansky

🌴
On vacation
2 followers · 7 following
View GitHub Profile
@AlexRatmansky
AlexRatmansky / index.pug
Last active November 12, 2020 19:29
BoxModelPrototype
div.wrapper
.box
.compensator-wrapper
.compensator.compensator--top t10
.compensator--hor
.compensator.compensator--left l10
.margin-wrapper
.margin.margin--top t10
@AlexRatmansky
AlexRatmansky / index.pug
Created November 12, 2020 18:44 — forked from oauo/index.pug
Footer blobs #codepen
div.main
div.footer
div.bubbles
- for (var i = 0; i < 128; i++) //Small numbers looks nice too
div.bubble(style=`--size:${2+Math.random()*4}rem; --distance:${6+Math.random()*4}rem; --position:${-5+Math.random()*110}%; --time:${2+Math.random()*2}s; --delay:${-1*(2+Math.random()*2)}s;`)
div.content
div
div
b Eldew
a(href="#") Secuce
@AlexRatmansky
AlexRatmansky / useSound.ts
Last active November 5, 2020 19:37
useSountToneJs
import { useEffect, useRef, useState } from "react";
import { MembraneSynth, Offline, Player } from "tone";
interface Synthhh {
kick?: Player;
}
const sound: Synthhh = {};
Offline(() => {
@AlexRatmansky
AlexRatmansky / index.html
Created October 28, 2020 13:42
svg-line-animation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,900&display=swap");
html {
@AlexRatmansky
AlexRatmansky / Decorator.js
Last active February 20, 2020 11:02
Web Audio API
// function decorator
var withJson = f => async url => {
var result = await f(url)
.catch(error => {console.log('->', error)})
return result
}
// decorated function
var fetchJson = withJson(fetch)
@AlexRatmansky
AlexRatmansky / Scrapper.js
Created January 15, 2020 15:39
Full code to Scrap Amazon behind Login Wall - Optimized and Works in Headless Mode (Avoid BOT detection)
// Get addressess from Amazon Address Book
const puppeteer = require('puppeteer');
(async () => {
// Syntactic Sugar