Ответы пользователя по тегу Веб-разработка
  • Как сделать отражение объекта, без -webkit-box-reflect?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Просто и дешево — дублируй элементы и трансформируй. Немного сложнее и чуть адекватнее (наверное) — с использованием SVG, в том числе используя элементы повторно по ID.
    Ответ написан
  • Как обратиться по классу от input[radio]?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Чтобы можно было реализовать данную логику, инпут должен находится:
    1. Выше (раньше) последующего кода.
    2. На том же уровне или выше (вложенности).

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Как обычно пишут SCSS, то в принципе достаточно перенести CSS-код в исходники и где надо, заменить на переменные. Если в исходнике трудно найти, что именно поменялось — меняй подход к разработке, т.е. дели на блоки.

    Если есть sourcemap, то это поможет разобраться.

    А так да, как в комментариях написали, конечный файл, который бил модифицирован копируешь, запускаешь сборщик и смотришь разницу. Иной раз может хватить беглого просмотра в двух вкладках редактора (если блоки кода не погуляли вверх-вниз). Ну или таки diff, или сравнить в PR, если кодовая база в репозиториях храниться.
    Ответ написан
  • Возможно ли создание онлайн образовательного портала через платформу WIX?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Образовательный портал, в его нормальном смысле это дорого, долго, и постоянные доработки по улучшению сервиса. А ключевое слово — сервис. Сервисы создаются руками разработчиков, а не конструкторами.

    Я молчу про безопасность проекта и прочие вытекающие в необходимость, к примеру, иметь свою БД под тайной семи печатей.
    Ответ написан
    Комментировать
  • Как отрисовать большие данные в древовидной структуре с динамической подгрузкой при скролле?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Если не нужно держать сразу в реактивности, ну или просто в видимой обработке сразу все, то помочь может intersectionObserver или аналогичная костыльная приблуда (раньше приходилось иначе описывать поведение).

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

    Я сейчас как раз с чем-то подобным работаю, вот только держать в реактивности мне приходится сразу все объекты. Благо их всего децл, пару тысяч.
    Ответ написан
    Комментировать
  • Envanto, template monster стоят ли внимания?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Там достаточно агрессивный отбор по смазанным критериям, среди которых актуальность выбранного тобой шаблона.
    2. Высокие проценты комиссии (сложность оформления, чтобы не платить сходу в штаты свои налоги).
    3. Скорее всего тебе надоест бодаться с проверками и ты либо забьешь, либо сделаешь свой шаблон откровенно нежизнеспособным, только, чтобы вот та инфа, что есть (демо-данные) смотрелись круто (в реальности все едет, да).
    4. Это ни разу не пассивный доход. Если втягиваться, то идти до конца.
    5. Рисков нет, есть шанс пробив шаблон срезать аудиторию и найти место под солнцем (у моей конторы так контракт образовался сам собой).
    6. Если втянешься и займешь нишу, и будешь работать постоянно, чтобы становиться лучше (чтобы темы были лучше), с этого можно платить хорошие налоги)

    Из пруфов:
    1. Вот одна пробившаяся темка.
    2. За кадром пачка непробившихся. Я сторонник адаптацию под пользовательский ввод, а там надо красивенько.
    Ответ написан
    4 комментария
  • Каким образом можно заработать на сайтах?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Наработать портфолио на болванках.
    2. Фриланс.
    3. Создать портал с увлекательным контентом, который попадет в аудиторию и наберя ее, использовать как рекламное место.

    Объединить все три подхода одновременно, если религия позволяет.
    Ответ написан
    4 комментария
  • Как протестировать сайт на кроссбраузерность и адаптивность без интернета?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Определенно браузер сам по себе. Несколько браузеров. И дебаггер. Иной раз и виртуалку можно поставить.
    Ответ написан
    2 комментария
  • Как сделать что бы JS работал в нескольких блоках на сайте?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Чтобы захватить несколько элементов на странице надо использовать селектор, который собирает все (существующие на момент работы скрипта), например через querySelectorAll('.classname').

    А затем проходится по массиву через forEach и к каждому привязывать то, что тебе нужно.

    Ну и как выше указали, ID это уникальный идентификатор, вместо него надо использовать одинаковый класс.
    Ответ написан
    Комментировать
  • Какие инструменты использовать для динамической админки?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. В документации джанги рассматриваются подобные запросы, просто углубись в доку.
    2. Но скорее всего тебе будет проще написать свою одменку с блекжеком и... на каком-нить JS-фреймворке. Примерно так я в свое время и соскочил на фляжку (Flask), в котором мало лишнего на самом деле.
    3. Ну и на самом деле ничего (почти) не мешает пойти методом грубой силы с примесью извращений и переопределить шаблоны админки и методов на уровне шаблонов. Jinja т.е.
    Ответ написан
    Комментировать
  • Возможно ли провести выборы/голосования с помощью "интернет-решения"?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    В теории — конечно.
    На практике — ну разве что накрутку можно будет опустить. Т.е. не реализовывать.
    Ответ написан
    3 комментария
  • Что нужно знать современному fullstack девелопером?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Нужно эффективно решать поставленные задачи вне зависимости от стека.

    Ничего не поменялось. Стеков больше стало и терминов.

    Можешь разве что глянуть еще в стороне контейнеризации и CI\CD.
    Ответ написан
  • Как сделать интерактивное выделение на изображении(см. фото)?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    1. Берешь редактор, загоняешь в него картинку.
    2. На картинке рисуешь область.
    3. Вместе с картинкой экспортируешь, как SVG (чтобы совпадала область с кратинкой).
    4. Чистишь SVG, переделываешь, если надо (ссылку на картинку задаешь ресурсом сайта, а не импортированной, например).
    5. На polygon вешаешь события, которые тебе нужны.
    6. Встраиваешь в HTML-тело документа.

    1–3 пункты нужны по сути только для того, чтобы совпали координаты. Это можно сделать и наживую прямо в коде.
    Ответ написан
    Комментировать
  • Написать форму которая создаст новую страницу?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    1. Выбираешь бэк, на выбор тьма ЯП: PHP, Python, Node.js, Java и т.д. Ну вообще буквально по барабану.
    2. Заводишь базу данных: SQLite\MySQL (одного из двух с головой хватит)
    3. Пишешь логику MVC.
    4. Пишешь форму, которая будет собирать данные, отправлять их в экшн на бэке, который создаст новую модель, занесет в нее свойства, что ты в форме указал и сохранит это безобразие в базу. База это читай эксель, который просто так руками не взять (на самом деле можно PHPMyadmin\DBBrowser).
    5. На главную они просто так не попадут, тебе надо будет написать вьюху, в которую выбрать из базы записи моделек, и циклом вывести (скорее всего шаблонизатором, но это неточно).

    5.1 То, что приходит из базы можно фильтровать, скажем сортировать по дате и т.д. Это уже по части языка SQL.
    Ответ написан
    1 комментарий
  • Чем ограничен браузер?

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

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

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Подтверждение почты и телефона это не мера безопасности. Это способ снизить нагрузку ботов и дурачков, которые пришли подурачиться.

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

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    В таком исполнении хватит простой записи в строку через запятую.

    В чуть более сложной ситуации, например у тега 2 параметра, название и ссылка, я бы рекомендовал уже использовать объекты с записью типа JSON или LONGTEXT.
    Ответ написан
    6 комментариев
  • Непонятная загрузка изображения без формата?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Опасаться. Это вроде исполняемый файл.
    2. Проверять формат при загрузке, задав в конфиге список доступных.
    Ответ написан
  • Как сохранить клик, куда сохранить?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. phpmyadmin → инструмент для работы с БД, визуальный.
    2. Хранить можно в БД, с помощью любого ЯП. Запрос в гугле может выглядеть так: «как записать данные в бд php», но в целом это детский сад. По-хорошему стоит зацепиться за какой-нибудь ЯП и хотя бы каплю в нем развиться, чтобы такие условно элементарные вещи делать.
    3. Можно хранить в файле, тут тоже потребуется ЯП и этот способ плох, но имеет место быть.

    ЯП → язык программирования. HTML\CSS это не ЯП, выбирать необходимо среди таких, как, к примеру PHP, Python, JS (в стеке node.js).
    Ответ написан
    Комментировать
  • Как создать АИС для упрощения бумаготворчества?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    В смысле обычный сайт с формами, ЛК и учетом?

    Да любой фреймворк (или чистый ЯП) на любом веб ЯП. От PHP (Yii, Laravel) до питончика (Django, Flask).
    По последнему под рукой есть гайд. Там типа соц-сеть на минималках, но необходимые атрибуты для авторизации, хранения и т.д. все на месте.

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