• Как сделать такой фигурный бордер на css?

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

    Так ты сможешь сделать если используешь png картинку с drop-shadow, либо с использованием SVG. Первый вариант — по сути такой же костыль, так как подходит для исключительно одного частного случая в проекте, для других надо будет другие размеры картинок а png весит много. В теории можно воспользоваться gif с прозрачность и оптимизировать его в нулину, но я не пробовал. А второй вариант вносит на первым порах немного геморроя в твою жизнь, впрочем со временем ты уже сможешь легче делать такие штуки.

    Другое дело, что их встречается не так уж и часто в хороших проектах. Тем не менее понимания SVG это сейчас мастхэв.

    PS: есть и еще варианты решений, но чем дальше от предложенных, тем больше костылей на костылях. Возможно так сможешь и clip-path, но это я тоже не пробовал комбинировать с тенью, так что можешь попробовать.
    Ответ написан
    Комментировать
  • Есть ли способ удобно хранить компоненты, чтобы можно было быстро посмотреть как они выглядят?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Выведи их все на тестовую страницу с фиктивными данными.
    Ответ написан
  • Как хранить данные в веб приложении?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Попроще в понимании скорее всего sqlite. Но когда после нее работаешь с мускулом, понимаешь, какой это неудобный формат.

    А из блобов лучше в обычные поля базы + связи перевести. Так в ряде случаев ты можешь получать часть данных без дополнительных запросов (ну и не всю кучу, как скорее всего сейчас). Да и редактирование удобнее в конечном плане. CRUD делаешь\пользуешься готовым решением, да или банально руками значения двигаешь.
    Ответ написан
    Комментировать
  • Как банк узнал, где я лазил в интернетах?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Жаль мой ответ удалили. Но вообще на данный момент я бы рекомендовал пойти проверить себя в роли директора какой-нибудь фирмы, владельца ЭЦП и т.д. Я серьезно.

    Ты в этом мире, как открыта книга, ничего не стоит получить общую информацию о тебе, а при необходимости перекупить ее у кого-то. К тому же хранение данных предполагает их возможность кражи\«кражи»\передачи прав. К примеру товарищи из бесплатных WiFi-сетей и сетей в кафешках вполне открыто собирают и сливают данные. На удивление, тем много чего собирается.

    Помимо прочего ты уже взрослый парень и явно не раз светил паспортом. В банке например, при открытии счета. Все это хранится и используется. В ряде случаев в том числе недобросовестными сотрудниками. Глупо верить в честность всего мира, но не со всем можно справиться, нужно проверять.

    А вообще с моей практики банки не шибко спешат звонить по открытию, если ты сам не сделал что-то. ВТБ мне, например, только спустя пол года предложение выслали, даже больше вроде, не помню точно. Остальные так и не подтянулись) Так что возможно ты сам в слепом бреду чота накликал.

    UPD: госорганы, в том числе налоговая тоже сливают данные банкам, например при регистрации ИП, ООО. Еще до того, как они попадают в общие источники (там разница до недели, не больше).
    Ответ написан
  • Как повторить на каждой странице заголовок таблицы, но не весь?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    @media print тебе в помощь и осознание того, что фиксированные элементы position:fixed остаются на каждой странице.

    Все что тебе остается сделать — используя эти знания сформировать «колонтитул». Обычный колонтитул ты не переопределишь, но костыль приделаешь. Еще можно копнуть в сторону page-break и другие свойства CSS и печати.

    UPD: еще можно пустить 2 таблицы подряд, где первая будет содержать только заголовок, а вторая строку, которую нужно закрепить, и остальные строки.
    Ответ написан
    8 комментариев
  • Как реализовать переходы по сайту без перезагрузки страницы?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Если относится к WordPress сугубо как к в меру удобной системе управления данными и при этом морду сделать самому, предавшись буйству аки совокупляющийся носорог, то вполне может получится SPA на каком-нить фреймворке типа Vue, что позволит использовать все возможности фронтенда и в том числе менять урлы с переходами и не перезапускать плеер.

    Копать стоит в таком случае в интернете с ключами «WordPress», «Vue\React\...», «REST». Кроме того, что я слепо уверен в таких реализациях, я еще и загуглил. Да, есть.
    Ответ написан
    Комментировать
  • Max-content и text-align не работают вместе?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Бордер идет вместе с элементом неразрывно, если хочешь сделать, то используй псевдоэлементы и позиционирование. Или оборачивай содержимое в span и ему задавай условия для границ.

    В любом случае ни к чему хорошему это не приведет. К тому же в случае спана, тебе скорее всего придется задавать ему display:inline-block, чтобы спозиционировать отступами.
    Ответ написан
  • Что делать с версией Джанго?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Press F и изучай английский вместе с документацией.

    А вообще на русском тут и тут.
    Ответ написан
    Комментировать
  • В какой ВУЗ поступать?

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

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

    Я учился не в государственном, поэтому нам дали чуть более (а где-то сильно) продвинутые языки и технологии. Могу выделить C. После него же любой суть язык = дополнительные или отсутствующие возможности и особенности.

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

    И да, столичные учебные заведения с большей доли вероятности дадут чуть более актуальную базу по языкам и технологиям. В идеале, чтобы еще и лектор горел душой и был практикующим разработчиком. У меня был такой, как раз по тому курсу C)
    Ответ написан
    Комментировать
  • Как перехватить валюту в евро и передать значение в рублях на Яндекс Кассу по текущему курсу(где и с помощью каких костылей)?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега JavaScript
    Руководитель frontend направления, предприниматель
    Спарсить\воспользоваться API банка или центробанка (курсы банков и центробанка отличаются).
    Ответ написан
    Комментировать
  • Как изменить блок с SVG в CSS?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Почитай про SVG и как он работает в принципе. Вот у нее хорошо это осмотрено. Если же ты используешь вставку svg через img, то у тебя багуля другого характера и для нее нужны сырцы, в идеале с ссылкой, чтобы дать конкретный ответ. Но скорее всего у тебя нет фиксированных размеров, а SVG такое не очень любит.
    Ответ написан
    Комментировать
  • Есть ли способы обойти pagespeed?

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

    UPD: Из того, что не пишет сервер: уйти с гавняного\+бесплатного сервера, который от основного потока в тридевяти землях. Если ты сядешь рядом с проверяющими хостами, то получишь выше оценку просто по определению. Для этого достаточно воспользоваться инструментом проверки со своего компа.
    Ответ написан
  • Как адаптировать фоновое изображение?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Был бы не новичок, знал бы, что background-size может принимать и другие значения, например contain. Который ничего не обрезает. Но из-за этого его и не используют.
    Ответ написан
    Комментировать
  • В чём разница между данными способами перечисления селекторов css?

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    1. Наложить сверху элемент или псевдоэлемент с радиальной(я вижу тут радиус)\линейным градиентом с альфой 0 для «выключения прозрачности», спозиционировав абсолюино относительно родителя и выключить захват мышой (чтобы можно было выделять текст) pointer-events:none.
    2. Использовать псевдоэлементы справа и слева (если у виньетирования специфичные размеры не зависящие от общего размера) и дальше как в первном пункте.
    3. Богомерзкие маски на CSS для текста (оптимально, если увести в прозрачность надо только текст)
    Ответ написан
    Комментировать
  • Пора-ли использовать css grid?

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

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    На самом деле решений тут не одно:
    1. Можно визуально разбить на несколько частей всю секцию, скажем 2 1 1 1 (соотношение), где второй элемент замет 1 часть и получит центрирование текста, второй третью часть с выравниванием по левому краю, первый и последний это пустота, соответственно может быть выполнено отступами.
    2. Абсолютное позиционирование.
    3. Гриды с условиями деления секции как в пункте 1.
    4. И т.д.

    Минусы всех — ожидаемые переносы текста на разных разрешениях. Поэтому без медиазапросов будет больно смотреть с мобилы или планшета.
    Ответ написан
    Комментировать
  • Что ещё надо изучить для должности trainee/junior js?

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

    Ну и в копилку проектов — HackerRank. Тут трех зайцев можно убить, и алгоритмы с языком(-ми) подтянуть, и английский и найти работодателя.
    Ответ написан
  • Возможно ли при наведении на верхнюю грань экрана курсором сделать блок видимым?

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

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Убрать фиксированную высоту у родителя элемента вложенного списка.
    Ответ написан
    1 комментарий