Skip to content

Instantly share code, notes, and snippets.

View horizontal-scrolling.js
const target = document.querySelector('div')
target.addEventListener('wheel', event => {
const toLeft = event.deltaY < 0 && target.scrollLeft > 0
const toRight = event.deltaY > 0 && target.scrollLeft < target.scrollWidth - target.clientWidth
if (toLeft || toRight) {
event.preventDefault()
event.stopPropagation()
@droganaida
droganaida / lazy-loading.html
Created Jan 23, 2020
Intersection Observer + custom lazy loading demo
View lazy-loading.html
<html>
<head>
<title>Lazy loading by #Blondiecode</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, "Helvetica Neue", Helvetica, serif;
}
footer {
@ireade
ireade / sw.js
Last active Apr 29, 2021
Handle broken images with the service worker
View sw.js
self.addEventListener('install', (e) => {
e.waitUntil(
caches.open("precache").then((cache) => cache.add("/broken.png"))
);
});
function isImage(fetchRequest) {
return fetchRequest.method === "GET" && fetchRequest.destination === "image";
}
View .bashrc
# cd /mnt/d/projects/ # переход к указанному каталогу при запуске етрминала
# chmod 777 ~/.bashrc # если редактировали этот файл из Windows
#! /bin/bash
# eval `ssh-agent -s` && ssh-add # вынес в алиас для запуска SSH-агента вручную
# Раскомментить, чтобы видеть коды цветов при запуске терминала
# for((i=16; i<256; i++)); do
# printf "\e[48;5;${i}m%03d" $i;
View .bash_aliases
alias ls='ls -cvA --block-size=K --group-directories-first -1 --color=always'
alias gl='git log --pretty=format:"%h %C(magenta)%ad | %C(white)%s%d %C(magenta)[%an]" --date=short --graph --max-count=40 $*'
alias gs='git status'
alias ga='git add .'
alias gco='git commit -m $*'
alias push='git push'
alias pull='git pull'
alias pro='cd /mnt/d/projects' # ЗАМЕНИТЕ на путь к вашей директории проектов!
View .dircolors
TERM Eterm
TERM ansi
TERM color-xterm
TERM con[0-9]*x[0-9]*
TERM cons25
TERM console
TERM cygwin
TERM dtterm
TERM eterm-color
TERM gnome
@psgganesh
psgganesh / custom-vs-code-fonts.md
Last active Apr 15, 2021
Custom fonts for vs code!
View custom-vs-code-fonts.md
@neretin-trike
neretin-trike / pug.md
Last active May 7, 2021
Туториал по HTML препроцессору Pug (Jade)
View pug.md