Задать вопрос
AlibekKulseitov

Alibek Kulseitov

Люблю верстать и писать музыку
Лайки

  • Актуальность html5shiv и respond.js в 2020?

    wapster92
    @wapster92 Куратор тега JavaScript
    Ну это зависит от того, что тебе в ТЗ дали. Если нужно поддерживать ie ты никуда не денешься. А то что ie умрет это такое себе. У меня в универе стояли компы с windows xp, на тот момент ее поддержка года 4 была прекращена и единственный браузер был ie. Гос сайты и многие корпоративные должны будут поддерживать ie и после 25 года, так что он с нами еще на очень долго)
    UPD у меня в стране есть очень большая сеть супермаркетов "Народный", и даже на их компьютерах по крайней мере у кассиров стоит xp.
    Ответ написан
    1 комментарий
    1 комментарий

  • А как вы называете картинки и иконки?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer
    Если по БЭМ, то я определяю основную группу как блок, например ico, а названия самих иконок, как его элементы и выходит что-то вроде:
    ico__arrow_dir_left
    ico__arrow_dir_right
    или
    i__check
    i__check_size_small
    i__check_size_big
    Ответ написан
    Комментировать
    Комментировать

  • А как вы называете картинки и иконки?

    Web_Mukhammad
    @Web_Mukhammad
    frontend-разработчик
    ic-arrow_left.svg
    Ответ написан
    Комментировать
    Комментировать

  • Как сверстать оффсет блоки?

  • Бизнес план и фин модель для стартапа?

    apavlyut
    @apavlyut
    www.apavlyut.ru
    > Сделал вывод что инвесторам нужны цифры, расчеты, доходы, убытки и прочее. Сколько они вложат и когда они получат n-ую сумму. И так нужен бизнес-план и фин модель. Тут есть человек один, профессионал и просит за глубокий бизнес-план и фин модель 70 000 рублей. Как вы считаете не дорого ли? Но скажу сразу, я уверен в проекте, вопрос лишь времени и хорошего бюджета на рекламу.

    Инвестору не нужны интерфейсы и структура продукта.

    Вам нужен нормальный вайтпейпер, крипто%бы испортили немного отношение к этому документу, он не для них делался а как раз для объяснения сути бизнеса или его модели для того чтобы можно было один раз "передать" описание в понятной и минимально достаточной форме для другой стороны (инвестора).

    Вставлю кусок и своего материала на эту тему на vc:

    /// начало цитаты из статьи

    Дорожная карта

    Стратегия - это набор тактических действий (заготовок) на определенном ландшафте (окружении) и с определением угроз (ожидаемых событий как целей) и способов реакции на эти ситуации.

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

    Я считаю целью то что нужно получить от внешнего мира выполнив задачу. Такая формулировка позволяет лучше сфокусироваться.

    Цель нельзя "выполнить", можно только "получить".


    • Написать пост - задача. Получить просмотры - цель.
    • Сделать фичу - задача. Получить пользование ей - цель.
    • Открыть бизнес - задача. Получить прибыль в бизнес - цель.
    • Хорошая стратегия (а план это стратегия) - имеет в себе большое количество планов Б. .


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

    Любой инвестор задает только этот вопрос глядя на предлагаемую дорожную карту - он хочет видеть что вы понимаете как вы добьетесь заявленного результата если что-то пойдет не так. А что-то пойдет не так.

    Хороший план - тот что отвечает на вопрос "а че *ля если нет?"


    Чеклист хорошей дорожной карты / стратегии / плана:

    1. Все задачи приводят к целям.
    2. У ключевых целей отражены планы Б
    3. Логические связи расставлены так, что сразу отпадают вопросы, потому что все "очевидно"
    4. В связи с этим ваши действия становятся простыми:


    Изложить из все что есть в голове о проекте сразу на карту
    1. Расставить связь - причина-следствие
    2. Добавить вариантов развития событий (а что делать если не достиг цели)
    3. Разделить что цель а что задача
    4. Переслать товарищу / инвестору / команде
    5. ...
    6. Profit!


    /// конец цитаты из статьи
    Ответ написан
    5 комментариев
    5 комментариев

  • Баганный ползунок?

    catdesign
    @catdesign
    Веб-разработчик
    5cc8311fb8c4c987401163.png

    Ползунок нормальный нужно запретить выделение текста.

    У тебя при перетаскивании ползунка выделяется текст. То есть я промахиваюсь по ползунку, так как у него размашистый hover эффект и при попытке перетащить ползунок выделяю текст.

    Далее я пытаюсь перетащить другой ползунок и опять из за эффекта промахиваюсь и тащу весь выделенный текст.

    Просто запрети выделение текста в этом блоке на js. Вариант еще проще на css

    <style type="text/css">
        .calc__inner {
            /**
             * Для эксплорера
             */
            -ms-user-select: none;

            /**
             * Для мозилы
             */
            -moz-user-select: none;

            /**
             * Для конкверора
             */
            -khtml-user-select: none;

            /**
             * Для Сафари и Хрома
             */
            -webkit-user-select: none;
        }
    </style>
    Ответ написан
    Комментировать
    Комментировать

  • Как работает система рейтинга на сайтах?

    flapflapjack
    @flapflapjack
    на треть я прав
    Обычное среднее арифметическое вычисляется. Отдельно хранится таблица с полями item_id , и rate.

    Рейтинг равен 
    SELECT SUM(rate) as sumrate, COUNT(item_id) as cnt from ratings where item_id=345 group by item_id


    $rate=Sumrate/cnt
    Ответ написан
    7 комментариев
    7 комментариев

  • Хороший софт VPN?

    @gulin60
    airvpn.org
    privateinternetaccess.com
    tgvpn.com - от телеграма
    Ответ написан
    2 комментария
    2 комментария

  • Как правильно объявить условие?

    alex_keysi
    @alex_keysi
    Помог с решением? Отметь “правильный ответ”
    раз код дублируется нужно его вынести в функцию.
    то что разное в этих двух блоках кода, то параметры функции.
    и когда ты в функцию вынесешь, то сможешь дать ей осмысленное название что она делает. и не придется перечитывать через месяц этот код, и думать, а что же он делает.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать такую анимацию?

    alsolovyev
    @alsolovyev
    ¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
    У Вас есть путь из точек(svg path). На примере 1 из линий с сайта https://slides.com
    <path class="path-2" d="M0,400 L 1000,400 1000,445 S 500,420 0,480 Z" fill="#2b81bf"></path>

    Это конечное состояние точек. Вот это начальное:
    <path class="path-2" d="M0,400 L 1000,400 1000,500 S 500,500 0,500 Z" fill="#2b81bf"></path>

    Теперь по событию page load анимируйте атрибут d из начального состояния в конечное.
    Можно делать через requestAnimationFrame(), если позволяют знания. На каждом шаге добавлять N к координате точки. 
    let i = 0;
(function loop() {
  i++;
  path.setAttribute('d', `M0,400 L 1000,400 1000,445 S ${i},420 0,480 Z`);
  if (i === 500) return
  window.requestAnimationFrame(loop);
})();

    Что-то такое. Примеров в интернете куча: https://medium.com/@bdc/gain-motion-superpowers-wi...

    Или используйте библиотеки, которые позволяют это делать более простым способом:
    1. AnimeJS
    2. greensock
    3. SnapSvg
    4. ...


    update:
    https://youtu.be/qtZ_ISUOzhI в свое время понравилось объяснение от этого парня. На видео он делает другую трансформацию, но идея точно такая же. Просто изменить под Ваши нужды.
    Ответ написан
    Комментировать
    Комментировать

  • Если карта присутствует на странице то выполнять функцию?

    @Bodrosh
    Что такое $map ? должно быть var $map = $(document).find('div.map'); если это jquery, например, есть такое?
    и можно потом написать просто if ($map.length) {
    Ответ написан
    10 комментариев
    10 комментариев

  • Вызвать функцию когда дошел на футера?

    xpert13
    @xpert13
    Full Stack Developer
    Смотри, всё очень просто: у тебя основная загвоздка состоит в том, что ты не имеешь правильного значения высоты окна. Для того, чтобы его правильно посчитать - нужно сначала отключить всё то, что мешает этому подсчету, запомнить значение, а потом включить обратно.

    Вот как примерно это выглядит:
    function getRealDocumentHeight() {
	// Глушим правила, которые мешают высчитать высоту окна
	$('div.layout').css('overflow-x', 'visible');
	$('div.parallax').css('overflow-x', 'visible');
	$('div.parallax').css('overflow-y', 'visible');

	var result = $(document).height();

	// Удаляем наши "глушилки"
	$('div.layout').css('overflow-x', '');
	$('div.parallax').css('overflow-x', '');
	$('div.parallax').css('overflow-y', '');

	return result;
}


var realDocumentHeight = getRealDocumentHeight();
$('.parallax').scroll(function(){
    if ( $(this).scrollTop() > realDocumentHeight - $('.footer').outerHeight() - $('.parallax').outerHeight()) {
        console.log("hello");
    } else {
        console.log("Bye");
    }
});


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

    Что касается конечного решения - то лучше не править CSS свойства в JS, а добавлять и убирать в body какой-то класс, который будет менять эти свойства.
    Ответ написан
    1 комментарий
    1 комментарий

  • Багается бургер меню?

    Eridani
    @Eridani
    Мимо проходил
    В инспекторе последите за селектором mainNav.
    Появляется промежуточный класс collapsing до класса show, и если тыкать пока не появился show, то и возникает данная проблема.
    Проще вообще не юзать данный бустраповский функционал, а тупо на гамбургер повесить свою открывашку, делов на 5 секунд
    Ответ написан
    2 комментария
    2 комментария

  • Как вывести корректно значение?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Замените

    $(this).prev(value).html(this.value);

    на

    $(this).prev(value).find('.range-slider__value').html(this.value);
    Ответ написан
    2 комментария
    2 комментария

  • Слайдером или кастомным js?

  • Лучшие курсы по сео?

    windakolit
    @windakolit
    SEO-специалист
    Если вопрос создан не с целью рекламы 2 курсов, а с целью разобраться, от чего будет польза. Возможно бесплатно научиться путем проб и ошибок, для этого можно изучать профессиональные форумы. Как правильно написали, все есть в паблике. Другой вопрос, что надо уметь фильтровать эту информацию, а большинство новичков это сделать не смогут. Но без практики все равно научиться не получится.

    Поэтому я советую устроиться в какую нибудь сео студию помощником оптимизатора или к частнику для набивки опыта. Потом уже можно искать самозанятость, лично общаясь с непосредственным заказчиком и ведя проекты с нуля. У меня была помощница, которая проходила сео курсы в Новосибирске, сколько то месяцев от какой то конторы. Скажу, что большую часть информации и навыков приходилось передавать и небольшие знания теории тут не особо помогут.
    Ответ написан
    3 комментария
    3 комментария

  • Лучшие курсы по сео?

    dimonchik2013
    @dimonchik2013
    non progredi est regredi
    webmasters.ru/forum/f113
    Ответ написан
    Комментировать
    Комментировать

  • Лучшие курсы по сео?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    Не стоит учить seo. Не потому что это плохо, а потому что люди которые этому учат плохие. Нельзя заниматься seo без знаний маркетинга и web технологий. Это очень не простая отрасль. Ее не учат с нуля.
    Люди которые обещают Вам 2-х месячные курсы, а потом деньги ручьем - шарлатаны. Чудес не бывает.
    Ответ написан
    2 комментария
    2 комментария

  • Лучшие курсы по сео?

    opium
    @opium
    Просто люблю качественно работать
    Очевидно что все гавно и лучше не покупать вся инфа есть в паблик
    Ответ написан
    3 комментария
    3 комментария

  • Добавлять класс при обновлении страницы?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Проблема в том, что $(window).scroll в таком случае не вызывается, и класс не добавляется. Поэтому нужно явно вызвать $(window).scroll() после вашего кода, тогда будет выполнено условие и добавлен класс.
    Ответ написан
    Комментировать
    Комментировать