This is an alternative to the Modern Script Loading tchnique, that doesn't need to wait for the load event.
This technique has been successfully tested down to IE9.
<!DOCTYPE html>
<html lang="en">
monochromer
monochromer
/ differential-js-loader.md
Created
July 28, 2020 12:44
— forked from WebReflection/differential-js-loader.md
Differential JS Loader
monochromer
/ easings.css
Created
July 24, 2020 06:45
— forked from argyleink/easings.css
Handy CSS properties for easing functions
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53); | |
| --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19); | |
| --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22); | |
| --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06); | |
| --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035); | |
| --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335); | |
| --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); | |
| --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1); | |
| --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1); |
monochromer
/ html-stream-generator.js
Last active
April 4, 2023 16:54
WIP. Потоковая выдача html через генераторы
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function isGenerator(target) { | |
| return target[Symbol.toStringTag] === 'GeneratorFunction'; | |
| } | |
| function isIterable(obj) { | |
| if (obj === null || obj === void 0) { | |
| return false; | |
| } | |
| if (typeof obj === 'string') { |
monochromer
/ app-example.js
Last active
March 18, 2021 04:21
Веб-сервер на Node.js как итератор, как поток
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const http = require('http'); | |
| const { once } = require('events'); | |
| class WebServer extends http.Server { | |
| async *[Symbol.asyncIterator]() { | |
| while (this.listening) { | |
| const [ req, res ] = await once(this, 'request'); | |
| yield { req, res }; | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // (c) Anika Henke. | |
| // https://github.com/selfthinker/dokuwiki_template_writr/blob/master/js/skip-link-focus-fix.js | |
| (function($) { | |
| jQuery.extend(jQuery.expr[':'], { | |
| focusable: function(el, index, selector){ | |
| var $element = $(el); | |
| return $element.is(':input:enabled, a[href], area[href], object, [tabindex]') && !$element.is(':hidden'); | |
| } |
monochromer
/ user-content-wrap-text.md
Last active
December 25, 2022 17:53
Контент, переносы и разрывы строк, переполнения контента
- Верстка: отображаем пользовательский контент
- Где всё сложно с переносами строк. Вот все CSS- и HTML-хитрости для этого
- Передряги при переносах
- Florian Rivoal. line-breaking
- A new terminal-style line breaking with CSS Text
- wrapping-long-words-css-html
- Неизведанные глубины CSS: метрики шрифта, line-height и vertical-align
- Deep Dive into Text Wrapping and Word Breaking
monochromer
/ tokens.md
Created
November 28, 2019 18:42
— forked from zmts/tokens.md
Про токены, JSON Web Tokens (JWT), аутентификацию и авторизацию. Token-Based Authentication
Last major update: 21.10.2019
Аутентификация(authentication, от греч. αὐθεντικός [authentikos] – реальный, подлинный; от αὐθέντης [authentes] – автор) - это процесс проверки учётных данных пользователя (логин/пароль). Проверка подлинности пользователя путём сравнения введённого им логина/пароля с данными сохранёнными в базе данных.
Авторизация(authorization — разрешение, уполномочивание) - это проверка прав пользователя на доступ к определенным ресурсам.
Например после аутентификации юзер sasha получает право обращатся и получать от ресурса "super.com/vip" некие данные. Во время обращения юзера sasha к ресурсу vip система авторизации проверит имеет ли право юзер обращатся к этому ресурсу (проще говоря переходить по неким разрешенным ссылкам)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const path = require('path') | |
| const fs = require('fs').promises | |
| async function walk(fsPath, callback) { | |
| const node = { | |
| path: fsPath, | |
| stat: await fs.stat(fsPath) | |
| } | |
| const stack = [node] | |
| let item |