Skip to content

Instantly share code, notes, and snippets.

View Hydrock's full-sized avatar

Alex Vechkanov Hydrock

View GitHub Profile
@Hydrock
Hydrock / d42aef944b2ace204440e03b4372290f.css
Created February 1, 2018 18:56
One File, Many Options - 1
h1 {
font-weight: 850;
font-style: italic;
font-stretch: normal;
}
h1 {
font-variation-settings: "wght" 850, "wdth" 100, "ital" 1;
}
@Hydrock
Hydrock / 9274f2366946d89c8c608a9d0f227882.css
Created February 1, 2018 18:58
One File, Many Options - 2
h1 {
font-variation-settings: 'SIZE' 100, 'QUAD' 80, 'BEVL' 950, 'OVAL' 210;
}
@Hydrock
Hydrock / 5b5aecaa1d1434805998e4fcd1274472.css
Created February 1, 2018 18:59
One File, Many Options - 3
@font-face {
font-family: 'source sans';
src: url(SourceSansVariable.woff2) format("woff2-variations"),
url(SourceSans.woff2) format("woff2"); /* for older browsers */
font-weight: normal; font-style: normal;
}
@font-face {
font-family: 'source sans';
src: url(SourceSansVariable-italic.woff2) format("woff2-variations"),
@Hydrock
Hydrock / 63e8bb793d0a771b87a5806b1e5eb2b3.css
Created February 1, 2018 19:01
One File, Many Options - 4
@font-face {
font-family: 'source sans';
src: url(SourceSansVariable.woff2) format("woff2-variations"),
url(SourceSans-bold.woff2) format("woff2");
font-weight: 700; font-style: normal;
}
@Hydrock
Hydrock / 6301375dd9a0190701cd92343c1672fd.css
Created February 1, 2018 19:03
One File, Many Options - 5
html {
font-family: 'source sans', Verdana, sans-serif;
}
@Hydrock
Hydrock / 6c4e6d9e2e368f42161cd3666ed7738d.css
Created February 1, 2018 19:04
One File, Many Options - 6
html {
font-family: system-ui, -apple-system;
}
@Hydrock
Hydrock / tests.js
Created February 2, 2018 10:36
Mini tests for js developer
// 1. Что выведется в консоль?
(function () { console.log(this) })()
// 2. Что выведется в консоль?
var i = 10;
var array = [];
while (i--) {
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(response => response.json())
.then(data => console.log(data));
async getPost = () => {
const response = await fetch('https://jsonplaceholder.typicode.com/posts/1');
const data = await response.json();
console.log(data);
}
function* generatorCreator () {
const response = yield fetch('https://jsonplaceholder.typicode.com/posts/1');
const data = yield response.json();
console.log(data);
}