Задать вопрос
  • Как реализовать это в форме заявки?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Самый безболезненный (не факт) способ, это найти 2 виджета (для выбора диапазона дат и для input с tooltip), в которых уже все сделали за тебя. В этом тебе поможет поисковик.
    Ответ написан
    Комментировать
  • Возможно ли использовать source без picture или в picture пихать ссылку?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Читай документацию:
    Любой элемент, который разрешает встроенный контент


    Это значит, что ты можешь завернуть его в тег <a>, так как сам picture это не более, чем техническая обертка.
    Ответ написан
    Комментировать
  • Как убрать дубли и смерджить childItems, если у childItems одинаковый id у родителя?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Я не имею практического опыта в создании Set для объектов (пока что), но ты можешь попробовать.
    Ответ написан
    Комментировать
  • Как сделать автодополнение тегов/селекторов html/css в файлах .vue для редактора VSCODE?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Да, посмотри расширение в магазине (вообще тебе VSCode сам должен был предложить). Правда emmet (это то, что ты назвал автодополнением) работает там тоже так себе. Если тебе важнее комфорт редактирования больше, чем все в одном файле, то почитай документацию, его можно разбить на части, которые потом импортировать в компонент.
    Ответ написан
    2 комментария
  • Какие знания должны быть для первой работы верстальщиком?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. JS
    2. Фотошоп стремительно теряет в актуальности, поэтому посмотри в сторону Figma\Sketch.

    Если без второго можно прожить, то без базового JS ты никому не нужен.
    Ответ написан
  • Как заставить Flask учитывать изменения пути к изображениям?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Проверь, есть ли там все-таки картинка.
    2. Посмотри настройки статики (не переопределил ли чего, бывает такое, да)
    3. По хорошему настрой вообще, чтобы статикой заведовал nginx, если это еще не так.

    Да, кстати, я залез в проект под рукой глянуть, так ли выглядит урл (малоль) и все в точности такое. Работает даже на локалке (где нет nginx).
    Ответ написан
  • Как вставлять данные c помощью sqlalshemy из массива в бд?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Для множественных связей тебе нужны:
    1. Таблица к которой ты привязываешь что-то.
    2. Таблица, которая хранит связи.
    3. Таблица, в которой ты хранишь то, что хочешь привязать.
    Как вариант ты можешь создать медиа-библиотеку, полностью управляемую твоим приложением, которое будет содержать ссылки на файлы, названия, обратную связь и, может расширение, права доступа и т.д. Или же просто ссылки на файл, таким образом получив массив с файлами в первую очередь тебе их нужно сохранить на диск. Не в БД. В БД храни только ссылки на файлы. И перебирая из каждой из них сформировать сущность, которую ты привяжешь к своей сущности обратной связи.

    Кроме того, ты можешь хранить их в виде PickleType, либо формировать ссылки в виде строки, которую ты сможешь разобрать и переписать.

    ИМХО, первый вариант оптимальнее, впрочем создает некоторые трудности при переносе базы, например. Я имею в виду есть записи в базе, но может не быть файлов, да и удаление файлов тоже придется руками писать.
    Ответ написан
    Комментировать
  • Как правильно организовать autocomplite для input`а?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Погоди я не понял. Ты пытаешься свой велосипед изобрести?
    Ответ написан
  • Прозрачный h1 заголовок, является ли нарушением?

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

    Как по мне хорошо иллюстрирует смысловую нагрузку (семантику) — nav, с его помощью можно разместить навигационный блок (не обязательно меню сайта) в подвале сайта. Он будет присутствовать на каждой странице.

    К изображению же стоит применить ALT для корректной отработки. А если необходимо добавить в видимость клиента — используй аттрибут title.

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

    А вообще изменять размер (сохраняя читаемость) для h1 можно. И для span-a внутри него. Но не стоит так делать, основной посыл должен быть «обычным»

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Задавать бордеры элементам таблицы, а не псевдоэлементам.

    UPD: На счет базовой привязки к строке это я сдуру сморозил, каюсь. Но вообще нет никаких проблем https://codepen.io/i-am-studio_ru/pen/MWwGrYP, проверяй свои селекторы.

    UPD2: Обновил пример с абсолютным позиционированием. Делать так не стоит в реальной жизни. Привязку сделал к верхней гране, чтобы не перекрывало бордер снизу.
    Ответ написан
  • Как сделать гибко ( чтобы можно было менять только иконки)?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    1. Border-radius — форма для него слишком сложная, но неправильную форму можно им сделать. Может и это выйдет при должном подходе.
    2. Clip-path (у него проблемы с поддержкой)
    3. Svg маска.
    4. Обрезанный по шаблону gif\png\svg (самый валидный вариант)
    Ответ написан
    Комментировать
  • Что делает эта строка в NPM?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Ставь WSL2 и радуйся жизни. В нем как раз недавно пофиксили работу с папками Windows (этой проблемы не было в первой части).

    Оболочка встроена в винду и запускается под PowerShell (открываешь и пишешь bash). И в дефолтной консоли.

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

    Не стоит ломать свою жизнь ради попыток подружиться с виндой, если в конечном счете все равно работаешь с серверами на Unix.

    UPD: WSL + VSCode это отличное сочетание. Из минусов — перехват прав на файлы, если ты под WSL открыл в VSCode папку, которая в виртуальном среде OpenServer (я так и не поборол эту беду, но и не особо пытался).
    Ответ написан
    Комментировать
  • Насколько безопасны SPA-приложения?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Весь код, который загружен в клиент — дыры в безопасности бэка, даже при условии токенов, ведь все пути обращений, типы описаны.

    И это актуально, если мы говорим про Rest API, который преследует логику stateless бэка. Ничего не мешает скрещивать бэк и фронт, ИМХО.
    Ответ написан
    Комментировать
  • Как практически с нуля сверстать интернет-магазин?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    1. Спец-курсы.
    2. Учебное заведение со всем вытекающим.
    3. Ментор\Наставник.
    4. Самому гуглить.

    Я базу получал в учебном заведении, потом сам. В базе ничего сложного нет, даже при наличии кучи неочевидных моментов. А вот что посерьезнее, тут да, надо пробовать\спрашивать\гуглить и разбираться. Под чем-то посложнее я подразумеваю, скажем, углубление в селекторы.
    Ответ написан
    Комментировать
  • Как использовать wow.js для разных медиа-запросов?

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

    Скорее всего тебе придется слушать window.resize, чтобы ловить поворот планшета или телефона (чаще всего переходы между сетками). Но это не очень сложно.

    Ну и чтобы совсем круто было, можешь привязаться к переменные css (попахивает хардкоддингом), но если условия позволяют, то оно будет работать вместе со стилями. Это круто.
    Ответ написан
    Комментировать
  • Как сделать сетку grid как на рисунке?

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


    Задавай ему «пожирание»: grid-row: 1 / span 2. Ну а вообще ознакомься со спецификацией, ибо вопрос на уровне «первый раз услышал и не думал поискать сам».
    Ответ написан
    Комментировать
  • Можно ли задавать шрифту min и max размер?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Глянул каменты:
    чтоб шрифт менялся при изменении экрана. Конечно могу задавать через медиа, но интересно, есть ли круче свойства


    Пикселы — фиксированные значения. Если тебе нужен плавающий шрифт в зависимости от экрана — используй относительные. Скажем vw\vh.
    Ответ написан
    Комментировать
  • Как вызвать скрипт или ссылку дойдя до определенного id?

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Вариантов решения на самом деле несколько и одно круче другого.
    1. Убираешь скролл у родителя и листаешь элементы со 100vh (все 4 по примеру) и у последнего «контента» должен быть включен вертикальный скролл при переполнении контента.
    2. Создаешь элемент в момент прокрутки к нему (либо c меняешь display:none), тогда у родителя не будет жесткого правила обрезки (хотя до момента смены 3 слайда и освного контента я все же бы рекомендовал включить, чтобы скрол не прыгал).

    И вишенка на торте: а нахрена? Отвечать не обязательно.
    Ответ написан
    1 комментарий
  • SEO - как продвинуть сайт в топ?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Что-то делать с умным лицом и молиться.
    Ответ написан
    Комментировать