• Как повести такую линию, от одного блока к другому?

    rockon404
    @rockon404
    Frontend Developer
    Примерно так: https://jsfiddle.net/rockon404/p5x64477/

    Вы можете менять кривизну линии. Тут такая закономерность:
    height: $value1;  
    border-radius: 50%/$value2 $value3 0 0;

    $value2 и $value3 должны быть меньше или равны $value1
    Ответ написан
    3 комментария
  • Как сверстать такой интерактивный элемент?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Порядок прост:
    1. SVG для пунктиров
    2. DIV-ы: 1 DIV центральный и 6 DIV для описаний
    3. Относительное позиционирование 6 DIV и 6 SVG относительно центрального
    4. Медиа-селекторы для создания адаптивности
    Осталось сделать...
    Ответ написан
    Комментировать
  • Как исправить drag & drop?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Добавьте e.preventDefault() в метод mouseDown.
    Ответ написан
    2 комментария
  • Как сверстать скошенный блок?

    Kublyakov
    @Kublyakov
    Срезать блок с картинкой - это делать её в png - будет весть несколько мегабайт. Картинку оставляйте прямоугольной в jpg формате, а вообще вопрос легко гуглится
    Как сделать скошенный блок с бэкграундом?
    www.dejurka.ru/css/angled-edge-css3
    Ответ написан
    Комментировать
  • Есть ли какие хорошие сервисы защиты от парсинга?

    Maksclub
    @Maksclub Куратор тега Веб-разработка
    maksfedorov.ru
    ломать верстку, чтобы не было закономерностей...
    очень сильно доставляет, когда парсишь что-то и нет четких правил, чтоыб зацепиться...
    отсюда следует, что можно динамически добавить разные теги именно с содержимым... (может на SEO повлиять)

    также серверная защита — количество обращений с одного IP в секунду и прчоее

    Вот статья есть интересная:
    https://habrahabr.ru/post/234729/

    ...

    Вообще:
    Совсем скрыться от парсинга нельзя, можно его удорожить... просто сделать посложнее, сделать жизнь парсера сложнее... но нужно соблюсти факт, чтобы самому себе не усложнить жизнь, то есть все усложнения делать после сборки и на стороне сервера

    Например Авито как бы не боролось, постоянно появляется софт, который даже картинки с телефонами тащит без проблем...
    Ответ написан
    Комментировать
  • Как развиваются веб стартапы в плане серверов и хранения данных?

    Justique
    @Justique
    Поставить майнер на сайт
    5a54d6259bcf9975557853.jpeg
    Ответ написан
    Комментировать
  • Как сделать такую scroll-анимацию на JS?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Там просто изменение transform: rotate3d и rotate в зависимости от window.scrollY Вешаете на событие скролла, высчитываете нужные значения, один из множителей будет позицией скролла.
    У них же на сайте используется либа skrollr
    Ответ написан
    1 комментарий
  • Как писать в прототипном стиле?

    @grom111
    JackShcherbakov Если уж вы взялись писать код в стиле ООП, то должны понять 1 простую суть. Класс это просто описание объекта и он содержит в себе методы для управления этим объектом.

    Объясню на вашем примере:
    У вас есть class Table {}, в нем сохраняются методы для работы с таблицей (добавление рядков, удаление и т.д), но не штуки подобно newH1Element или output(их можно вынести в те же самые методы).

    Подводя итог:
    class Table {
        constructor(name, columns, rows, defaultText) {
            this.name = name;
            this.columns = columns;
            this.rows = rows;
            this.defaultText = defaultText;
        }
        save() {
            localStorage.setItem(this.name, document.getElementById("rightControlPanel").innerHTML)
        }
        add() {
            /..создаете тот же tr и т.д../
        }
        delete() {}
    }
    Ответ написан
    Комментировать
  • Как сделать документацию к коду?

    @kn0ckn0ck
    Продюсер
    Есть две крайности, которых лучше избегать:
    1. красивая и исчерпывающая документация требует колоссальных ресурсов на поддержку
    2. сложно воспринимаемый код, без малейших подсказок с чего все начинается и чем заканчивается

    Стандартные решения:
    1. самодокументируемый код, составленный так, что читающий может понять что для чего и в какой последовательности работает.
    2. описание интерфейсов (назначение метода, тип/суть параметров и т.п.) в форме комментов в коде.
    3. автоматическая документация (генерится из комментариев) - эффективно, только если сам код закрыт.
    4. модульные тесты, фиксирующие требования к коду и демонстрирующие его использование.
    5. описание высокоуровневого дизайна (High Level Design, HLD), описывающий какие элементы существуют, их взаимосвязь друг с другом и основные сценарии взаимодействия.

    Работающая документация - это компромисс из этих практик, релевантный конкретной ситуации.

    Кстати, проектная работа, это не только документация к коду, это еще и свод правил, которые позволят архитектуре не расползтись кто в лес кто по дрова, а также сохранят стилистику написания кода для единообразия и легкой поддерживаемости кода.
    Ответ написан
    12 комментариев
  • Как в JS найти количество знаков после запятой?

    loktionov129
    @loktionov129
    Backend .NET Developer
    const f = x => ( (x.toString().includes('.')) ? (x.toString().split('.').pop().length) : (0) );
    
    f(123); // 0
    f(123.456); // 3
    Ответ написан
    5 комментариев
  • Как можно сразу обратиться к элементу возвращаемого объекта функции?

    alexey-m-ukolov
    @alexey-m-ukolov Куратор тега JavaScript
    Можно-то можно, только вот у вас код бессмысленный. То, что возвращается из forEach попадает вникуда - никто эти результаты не использует и не может использовать. Возможно, вам нужен метод .filter? В любом случае, результатом будет массив объектов.

    Вот как должен выглядеть ваш код:
    var getActiveTab = function() {
        var activeTab = document.querySelector('.cont-tabs a.selected');
        var id = activeTab.getAttribute('href').match(/[\d]+/)[0];
    
        return {
            id: id,
            tabId: '#tab-content-' + id
        };
    };

    И тогда уже можете смело писать getActiveTab().id
    Ответ написан
    Комментировать
  • Насколько реальна моя мечта по созданию и продвижению сайта?

    Maksclub
    @Maksclub Куратор тега Веб-разработка
    maksfedorov.ru
    Идея провальная, соглашусь, но никто не объяснил.

    Во-первых есть Google (Yandex...), соцсети (Лайфхакеры всякие, тематические порталы), тьма блогов под разные темы и конечно Youtube
    Во-вторых там, где возникает много вопросов есть уже нишевые игроки... по программирвоанию это Stackoverflow/Toster/Форумы по каждой платформе
    По юридическим темам есть куча форумов, разделов вопросов на сайтах агентств
    Есть городксие площадки... совсем недавно закрылся проект от 2ГИС, назывался «Сквер», закрылся даже в родном городе и в столице (лакомые куски) https://skver.2gis.ru/novosibirsk

    ...
    Везде есть профи, а те кому не интересно — не будут и у вас.... У вас не сойдется просто напросто бюджет. Зачем платить, если можно получить бесплатно? К тому же есть куча платных площадок с помощью (фриланс-биржи. площадки с репетиторами, Авито, индивидуальные блоги с услугами консалтинга)

    Даже если у вас попрет — ничто не стоит стоящим игрокам подключить такую же модель опционально и вы пролетите...

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

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

    ...
    Мне не реально реализовать эту мечту?

    Если мечта — запустить проект — легко! Если мечта — заработать на проекте, то увы... вас бы тут не было, если бы вы могли...

    изучить программирование и создание сайтов,

    в современных реалиях и при обилии инструментов — это разные вещи

    и там недавно промелькнула отсылка к моим планам

    а данный сайт не отсылка? у него др модель монетизации просто, он зарабатывает на рекламе не хило просто

    ...
    PS: Давал себе слово не отвечать на вопросы аккаунтов с 1/2 вопросами и тут же попался :) Нужен плагин для браузера для подсветки вопросов на Тостере :)
    Ответ написан
    3 комментария
  • Почему игру стоит писать в canvas?

    @RidgeA
    canvas рендерится на GPU
    Ответ написан
    Комментировать
  • Почему игру стоит писать в canvas?

    Decadal
    @Decadal
    Гвозди можно забивать очень многими предметами, но лучше пользуйтесь для этого молотком.
    Canvas просто предназначен для рендеринга и изменения изображений, а игра в общем-то и есть процесс постоянного изменения картинки.
    Ответ написан
    2 комментария
  • Правда ли что программистам навязывают определенные мысли?

    space2pacman
    @space2pacman
    Просто царь.
    надо работать бесплатно на первых порах
    А вы думали приставка free в слове freelancer просто так ?

    всегда думать о работе даже по выходным и тд
    Выходные это как бог.
    Ответ написан
    3 комментария
  • Переход на следующую страницу при скролле до конца страницы?

    edli007
    @edli007
    full stack, team lead
    Берете fetch, подгружаете следующую страницу, меняете урл через History API, заменяете контент
    Зачем тут jQuery?
    Ответ написан
    Комментировать
  • Как быстро изучить фронт/js/верстку для бэкендщика?

    Exploding
    @Exploding
    wtf?
    Если принять теорию симуляции реальности - вы можете попробовать ее взломать и загрузить себе в мозг любые стеки.
    Если не получится - следовать установленным алгоритмам: прокачка практикой.
    Ответ написан
    Комментировать
  • Как сделать такую анимацию(а-ля снегопад)?

    Tigermax139
    @Tigermax139
    just love coding
    анимация не сложная, не знаю на счет скриптов, но обрати свое внимание на библиотеку animate.css , если там нет решения то попробуй на keyframes, делаеш смещение через transition, а потом уменьшай прозрачность через opacity.
    ---------------------------
    понимаю, что для каждой "снежынки" такое прописывать бред) но я пока что так вижу решение твоей задачи
    Ответ написан
    Комментировать