Задать вопрос
  • Как скролить по горизонтали?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    В примере паралакс, который базируется на расчете прокрутки (scrollTop).

    Можно использовать абсолютное (можно и родителя крутить, или фиксированное, на самом деле и т.д.) позиционирование и делать элементам положение left (да и right сойдет, тут все в твоей фантазии) в рамках вьюпорта при совпадении с прокруткой.

    Ключевое слово тут паралакс. Его стоит погуглить. Ну и просто спроецировать это в горизонтальное решение. Реально сложного тут — не обосраться в позиционировании элементов на разных разрешениях.
    Ответ написан
    Комментировать
  • Как сверстать блок с непрозрачным фоном и галочкой?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    1. Фон прозрачный. Непрозрачный = полная заливка.
    2. Бери SVG, не прогадаешь.

    UPD, чтобы не возиться с расчетами, ты можешь сделать закругление псевдоэлементами и использовать тогда gif\png\svg (актуально, если высота не меняется, а только ширина надписи).
    Ответ написан
    Комментировать
  • Сборник скриптов на чистом JS?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Я из раза в раз повторяю, что если ты что-то делаешь — переиспользуй.

    Что же касается сборников — github в этом прям топчик. Смешно, но это не шутка.
    Ответ написан
    Комментировать
  • Каким образом можно отрефакторить такой код?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Нус для начала можно вынести где-то вверх e.preventDefault();, при беглом осмотре я увидел это при всех условиях.

    Дальше до каждого третьего условия я вижу логику selectionStart\selectionEnd + 2, т.е. тоже можно сократить.

    Ну и в вопросе лучше изменить формулировку
    более лаконичнее и читабельнее

    На
    более лаконичным и читабельным

    Или вовсе убрать «более».
    Ответ написан
  • Как дополнять контекст?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Проверь на тип данных, если контекст это словарь (а должен быть по идее он), то тебе сюда за справкой.
    Ответ написан
    Комментировать
  • Как можно вытащить данные из такой строки?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    На лицо проблема кодировки. Это символ ascii «]» (%5D). Если я прав, то шанс повторить ошибку не так уж велик, я бы рекомендовал понять первопричину, ибо, как понимаю, вместо подобной ошибки оно должно приходить, как строковая переменная.

    В противном случае это не сложно сделать с помощью регулярного выражения, разбирая на переменную и ее значение. Правда большой вопрос, зачем из строки делать объект.
    Ответ написан
    5 комментариев
  • Как работают колбэки в js?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    В нормальном построенном коде callback выполняется либо по факту условия выполнения функции (не обязательно асинхронной).

    Иными словами, если функция не выполнена, то вторая не войдет в условие. Но колбэком может стать обработчик ошибки, тоже функция.

    Не знаю даж, может быть есть проще объяснение, я старался как мог)
    Ответ написан
  • Как задать отступ между иконками?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Использовать margin\padding и свойства flex\grid (например align-self:end\start для вложенных элементов).
    Ответ написан
    Комментировать
  • Как перебить значение css?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Смотри в сторону переопределения сырцов. Или переопредели с таким же шагом, но уже после, свой стиль. После — после файла с подключением стилей.

    Но в крайнем случае (или если они инлайновые) можешь написать свои стили + !important флаг.
    Ответ написан
    Комментировать
  • Как при masonry вёрстке правильно вывести элементы на старницу?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Жесткий захаркоженный каркас это про гриды.
    Masonry это совсем не про жесткость.
    Ответ написан
    Комментировать
  • Как расположить элементы дополнительного меню горизонтально?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Вообще данный CSS кусок выглядит в меру корректным. Поэтому проверяй что перекрывает\мешает выполнению этого кода.

    Дебаггер тебе в помощь.

    Из альтернатив, кстати, можешь не display:block давать submenu, а display:flex. Но, чтобы понимать, как это работает, почитай документацию\гайды по флексам.
    Ответ написан
    Комментировать
  • Как правильно работать с городами в проекте?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Если тебе нужна география, то чем Яндекс плох?

    Ну а если тебя беспокоит страховка от падения сервака, то чисто теоретически ты можешь разработать логику, которая будет перекидываться от одного API к другому. Конечно, тебе придется заводить много полей, так как идентификаторы 100% разные. Зато надёжно)
    Ответ написан
  • Ссылка на чужой сайт, как влияет на SEO?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Добавить еще rel="nofollow" и target="_blank". Ибо лицензия есть лицензия, а отдавать пользователя, да и робота не обязательно.

    Ну и можешь засунуть эти ссылки в очень вяленькую анимацию появления, которая активируется где-то по прокрутке до конца страницы, чтобы наверняка это прошло мимо индексации.
    Ответ написан
    4 комментария
  • Как удалить все символы до последней точки в строке?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Ответ написан
    Комментировать
  • Хочу сделать сайт для игры в шахматы, django на бекенд подойдет?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Звучит очень неадекватно. Простительно новичку... наверное.

    Django — фреймворк на Python. Шарп (C#) — язык (поправьте меня, если кто знает такой фрейм). Разница как между солнцем и козюлей в носу.

    Если же брать необходимость только базы + авторизации, я бы рекомендовал Flask + библиотеки типа Flask-Login (тоже фреймворк на Python). Скорость расчетов особая не нужна, ты же не написал, что собираешься ИИ делать. Так что сойдет.

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

    Да и тебе скорее всего веб-сокеты потребуются. Или писать постоянные запросы для обновления данных для доски. Это не считая разработки самой морды (доски).
    Ответ написан
    5 комментариев
  • Как работают ошибки в JavaScript?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Я начал вводить «window.onerror» в поисковике, и он мне сразу подкинул «window.onerror not working». Судя по всему, ответ уже давно измусолен где-нибудь на стаке.

    UPD: Кстати, посмотри первый абзац документации. И попробуй симитировать другую ошибку на странице, чтобы проверить, входит ли данная ошибка в список тех, что словит window.onerror или нет.
    Ответ написан
  • Хранить html, css, js на сервере (сервисы)?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Я так понимаю речь о рекламных баннерах. Посмотри в сторону iFrame и то, как это реализуют поисковые метрики. Если кратко, то скрипт вызывающий их генерирует DOM-элементы, включая дополнительные скрипты.
    Ответ написан
    Комментировать
  • Как передать изменённые данные таблицы в views.py?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Я так понимаю проблема не в незнании того, как работает обработка пользовательского ввода в формы при работе с джангой. Посему:

    1. Я бы на твоем месте обернул формой всю таблицу.
    2. Создал форму на уровне бэка для вывода полями типа hidden (contenteditable к этой штуке привязан какой-то JS редактор, значит ему можно присвоить передачу в поля значения)
    3. Ну и да, изначальные значения присваивать в поля тоже неплохо бы.
    4. Итак, когда ты редактируешь с помощью JS редактора ячейки, значения которых попадают в input-ы, то по сабиту формы, они сами уйдут в обработчик.

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

    Ну или можешь оторваться от использования шаблонов Jinja и написать свое приложение на JS\JS-фреймворке, которое будет безе перезагрузок обмениваться данными с, API в лице твоей Django.

    Как видишь, варианты есть.
    Ответ написан
    Комментировать
  • Как сделать навигацию для таблицы в виде кнопок?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Как по мне, самый безболезненный в плане верстки и расчетов способ: взять либу типа Vue и крутить массив со значениями + transition-group (для появления\исчезновения td-шек), либо то же самое, но на ванилке накатать (ни один фреймворк не может больше того, что умеет сам JS, просто там уже накатаны те подходы и методы, которые ты не захочешь реализовать сам).

    При таком подходе не придется считать размеры относительно друг-друга, хотя при очень разном контенте таблица будет прыгать по высоте. Впрочем, она в любом случае будет прыгать. Можно смягчить чем-то в духе свойства css transition: all .5s.
    Ответ написан
  • Masonry и flexbox?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Не умеет, при некоторых манипуляциях это может сделать grid, но для автоматического расчета все же есть смысле использовать кирпичную кладку.
    Ответ написан
    Комментировать