Skip to content

Instantly share code, notes, and snippets.

View xhoskin's full-sized avatar

Aleksey Ivanov xhoskin

View GitHub Profile
@xhoskin
xhoskin / ii-fun.js
Created November 16, 2018 05:37
Intersection Observer API fun
const queryString = 'm-object';
const observables = Array.from(document.querySelectorAll(`.${queryString}`));
const options = {
root: null,
rootMargin: '0px',
threshold: [],
};
function buildThresholdList(startPoint, numSteps) {
@xhoskin
xhoskin / ii-fun.js
Created November 16, 2018 05:37
Intersection Observer API fun
const queryString = 'm-object';
const observables = Array.from(document.querySelectorAll(`.${queryString}`));
const options = {
root: null,
rootMargin: '0px',
threshold: [],
};
function buildThresholdList(startPoint, numSteps) {
@xhoskin
xhoskin / 0_meta.txt
Last active June 4, 2018 09:58
Новая структура файлов для стилей
1. Стили для веб, адаптив и мобайл будут полностью независимыми.
2. Некоторые компоненты будут "общими" (common). Они будут одинаковыми во всех версиях.
3. Глобальные компоненты нельзя будет переопределять, то есть вносить небольшие отличия в разных версиях.
4. Победила раскладка suffix.txt
var activateVkWidget = function() {
VK.Widgets.Group("vk_groups", {
mode: 0,
width: "auto",
height: "247",
color1: 'FFFFFF',
color2: '2B587A',
color3: '5B7FA6'
}, {{ config('widget_vk') }});
};
@xhoskin
xhoskin / placeholder.less
Created November 12, 2015 13:00
стилизация placeholder для всех браузеров
&:-ms-input-placeholder {
}
&::-moz-placeholder {
}
&::-webkit-input-placeholder {
}
&.placeholder {
@xhoskin
xhoskin / arguments-join.js
Last active January 13, 2016 07:53
чтобы методы массивов работали с arguments
Array.prototype.slice.call(arguments, 0).join("\n");
// Array.prototype.slice.call – уловка для превращения объекта, похожего на массив,
// такого как arguments, в настоящий массив, чтобы мы могли применить к нему join
@xhoskin
xhoskin / js-daysInMonth.js
Created October 22, 2015 14:59
Get number days in a specified month using javascript - Количество дней в месяце
function daysInMonth(month,year) {
return new Date(year, month, 0).getDate();
}
//July
daysInMonth(7,2009); //31
//February
daysInMonth(2,2009); //28
daysInMonth(2,2008); //29
@xhoskin
xhoskin / js-oneliner-case.js
Last active October 16, 2015 14:12
Короткий способ писать case
s >= 90 ? "A" : s >= 80 ? "B" : s >= 70 ? "C" : s >= 60 ? "D" : "F"
@xhoskin
xhoskin / js-check-if-array.js
Last active October 16, 2015 14:13
Проверить на массив - Check if a variable is an array in JavaScript
[].constructor === Array
// http://stackoverflow.com/questions/767486/how-do-you-check-if-a-variable-is-an-array-in-javascript
@xhoskin
xhoskin / js-hover-focus.txt
Last active October 16, 2015 14:14
Синхронное подсвечивание одинковых ссылок при наведении hover (например наводим на подпись - подсвечивается еще и картинка
// Синхронное подсвечивание одинковых ссылок при наведении hover
// (например наводим на подпись - подсвечивается еще и картинка
var addDoubleHovers = (function() {
return $('a[href].js-dh').hover(function() {
var href;
href = $(this).attr('href');
return $('a[href="' + href + '"]').addClass('js-hover');
}, function(){
var href;