Skip to content

Instantly share code, notes, and snippets.

Sergey Ponomarenko xto3na

Block or report user

Report or block xto3na

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View setSameHeight.js
export function setSameHeight(selector) { // Делает высоту всех элементов по селектору как у самого высокого
let arrayOfElements = document.querySelectorAll(selector);
let maxHeight = 0;
if(arrayOfElements.length > 0) {
for(let i = arrayOfElements.length - 1; i >= 0; i--) {
let heightOfElement = arrayOfElements[i].getBoundingClientRect().height;
if(maxHeight < heightOfElement) {
maxHeight = heightOfElement;
}
}
@xto3na
xto3na / Drag-n-drop_slider.html
Last active Feb 26, 2019
Drag-n-drop_slider
View Drag-n-drop_slider.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
View Scroll_styling.scss
.scrollable-container {
&::-webkit-scrollbar {
-webkit-appearance: none;
}
&::-webkit-scrollbar:vertical {
width: 12px;
}
&::-webkit-scrollbar:horizontal {
height: 12px;
}
View delete_local_branch.txt
git branch -d branch-after-fail-merge
@xto3na
xto3na / git_merge--abort
Created Feb 1, 2019
git_merge--abort.txt
View git_merge--abort
git merge --abort
View ScrollTrigger.js
/* First argument: horizontal coordinate(X),
Second argument: vertical coordinate(Y)*/
window.scrollTo(0, 583);
@xto3na
xto3na / ST3-Settings-Plugins
Last active Jan 10, 2019
ST3-Settings-Plugins
View ST3-Settings-Plugins
ST3-Settings-Plugins
@xto3na
xto3na / masonry.html
Last active Oct 11, 2018
Masonry grid CSS
View masonry.html
<style>
.masonry-layout {
column-count: 3;
-webkit-column-count: 3;
column-gap: 0;
-webkit-column-gap: 0;
}
.masonry-layout_item {
break-inside: avoid;
-webkit-column-break-inside: avoid;
@xto3na
xto3na / eslint-disable-next-line
Created Sep 30, 2017
eslint-disable-next-line
View eslint-disable-next-line
// eslint-disable-next-line
console.log('value: ', value);
@xto3na
xto3na / Как рассчитать пропорцию уменьшенной картинки
Created Aug 3, 2017
Как рассчитать пропорцию уменьшенной картинки
View Как рассчитать пропорцию уменьшенной картинки
Формула расчета
Все делается в два этапа:
1 - Делим исходную ширину на требуемую ширину;
2 - Получаем требуемую высоту, поделив исходную высоту на результат деления двух ширин (п.1).
Пример. Возьмем уже всем известные размеры изображений: 1024x768 и 800x600. Представим, что мы не знаем высоту второй картинки. По формуле получается следующее: 768/(1024/800) = 600. Это и есть требуемая нам высота.
Если же мы знаем высоту, а нам нужно получить ширину, то необходимо проделать все, как в первой формуле, только наоборот.
You can’t perform that action at this time.