Алексей Скляров

Скажу честно, каких-либо серьезных проблем кроссбраузерности между хромом, лисой или оперой у меня не возникает. Как правило проблемы бывают в флексах, вот лиса всегда по-своему их понимает. За годы практики приучился писать код так, чтобы все браузеры его понимали одинаково.

Так же смотрю сначала Хром, как правило все недочеты меняются небольшими правками стилей. Все самое интересное будет если вас будут просить поддерживать старые браузеры, но я, в силу своей либо лени, либо некомпетентности - старые браузеры обхожу стороной (хотя иногда приходится, если есть четкое понятие что сайтом будут пользоваться в большей части старыми браузерами).

.test {
  &:hover &__title { 
        
  }
  &:hover &__name{ 
        
  }
}

Либо (но это не удобный вариант):

.test {
  &:hover { 
        .test__title{}
        .test__name{}
  }
}

UPD: А если поискать на стековерфлоу, то можно узнать как все-таки это делается: https://stackoverflow.com/questions/34021910/bem-w...

UPD: Сам для себя, да и для вас выбрал самый нормальный вариант реализации:

.test { 

    &__name {
        color: red;
    }

    &:hover & {
        &__name  {
            color: green;
        }   
    }
}

Важно не забывать про амперсанд после :hover, тогда можно будет писать в "привычном" для вас виде.

Любой сайт заказывается для решения нескольких задач (2-3).

Если требуется сайт для продажи какого-то товара, то очевидно что задача ставится только одна: продать товар. А вот каким образом вы будете увеличивать конверсию это уже другой вопрос (тем не менее, косвенно относящийся к вашему).

Если требуется сайт для компании, который позиционирует себя как визитка, то очевидно что основная задача: презентовать компанию. А вот как это будет сделано - опять другой вопрос, но тем не менее, снова косвенно относящийся к вашему.

Если же требуется сайт для какого-то сервиса, то ставится другая задача: сервис должен быть удобен в использовании, после чего обычно идет еще несколько задач, которые связаны с вовлечением пользователей и их удержанием в проекте. Но, опять-таки, какими способами вы будете делать это - другой вопрос.

Грубо говоря я вам выделил 3, часто встречающихся категории задач, конечно их куда больше, они куда объемнее , и их вариаций может быть множество. Но, если для каждой категории сможете написать 5 вариантов, которые вы можете предложить и которые будут выгодны заказчику - ваша работа на этом закончена.

Для начала: у каждого пользователя, по идее, должно быть поле inviter, ну или любое другое, где хранится ID пользователя, который его пригласил. Допустим:

| id | username | inviter |
|----|----------|---------|
| 1  | abc      | null    |
| 2  | abcd     | 1       |
| 3  | abcde    | 2       |
| 4  | abcdef   | 1       |

Далее мы делаем выборку:

SELECT COUNT(*) FROM table_name WHERE inviter = {НОМЕР_ПОЛЬЗОВАТЕЛЯ}

Таким образом мы сможем посчитать всех рефералов пользователя {НОМЕР_ПОЛЬЗОВАТЕЛЯ} по первому углублению. По второму углублению (посчитать рефералов реферала пользователя) нужно делать, как мне кажется через доп запросы, но я не вижу в этом смысла ибо рефералы считаются только на первую глубину, на вторую глубину никогда они не считаются. То есть если у моего реферала есть 10 рефералов, то у меня реферал все равно один.

Плохо искали: https://tech.yandex.ru/maps/doc/jsapi/1.x/ref/refe...

Вам нужно смотреть на метод: setCenter. После чего применять метод update.

UPD: добавил вам jsfiddle https://jsfiddle.net/but3hw8e/ кнопка там сразу под картой внизу, если вдруг сразу не покажется.

GULP

UPD: чтобы реализовать еще и то, что вы просите, нужно добавить gulp-uglify

Либо так: https://habrahabr.ru/post/166831/
Либо использовать для этого специальные сервисы: share.pluso.ru и тд

Плохого в том, что у вас есть 5 разных кнопок, но все запускают одно и то же событие. Вы будете вешать один и тот же обработчик на 5 разных айдишников? или все-таки создадите один класс, пропишите только для него обработчик и будете писать этот класс для всех кнопок, на которые вы хотите повесить какое-то действие? Я думаю ответ очевиден. А классы вида .js-add-to-cart делаются для того, чтобы было проще отыскать ваш функционал в коде, ведь сразу понятно что сюда повешен обработчик какой-то, чем пытаться потенциальный ID выискивать в вашем js коде.

добавить для стики меню

position:relative;
z-index:9999;

1. Как ваш вп должен работать без бд?
2. Хороший дешевый, а уж тем более бесплатный это не особо совместимые понятия. И что для вас является дешевым? Для меня, например дешевле некуда - beget, и он вполне сносный.

Достаточно не лениться и погуглить на английском: тык

Не благодарите

Тут простая арифметика, плюс <progress>:
<progress max="100" value="25"> </progress>
Ваша же задача вместо max подставить общее кол-во дней, вместо 25 подставить количество оставшихся дней. Однако я бы лучше перевел все в проценты и в процентах выводил.

Кроме того можно создать обычный div, в него поместить еще один див и ему задавать уже ширину в %, который считается по вашим дням. Думаю как посчитать процент оставшихся дней от общего количества вы знаете.

Пример: https://jsfiddle.net/oLnyzLc2/

$(document).ready(function(){
  $('a').attr('target', '_blank');
});

Но это костыльный вариант, как по мне.