Задать вопрос
  • Как сделать отступ у элементов только между друг другом?

    Seasle
    @Seasle Куратор тега CSS
    .element + .element {
      margin-left: 20px;
    }

    https://developer.mozilla.org/ru/docs/Web/CSS/Next...
    Ещё варианты:
    • flex + gap для схожего поведения с grid'ами;
    • :first-child + :last-child для удаления лишних margin'ов;
    • :nth-child для удаления лишних margin'ов;
    • Как предложили ниже: использование отрицательных margin'ов для внутренней обёртки.
    Ответ написан
    Комментировать
  • Как задать градиент бордеру?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer

    Весь фокус в этом:
    border: 1px solid transparent;
    background: linear-gradient(#e5e2e2, #e5e2e2 0) padding-box,
    linear-gradient(90deg, #fa5560, #4d91ff) border-box;
    Ответ написан
    6 комментариев
  • Какими сервисами полезен KeyCollector? Он теперь перестал корректно собирать ядро?

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

    Данные на текущий момент ещё парсятся в кейколлектор с помощью сторонних сервисов типа xmlriver за вменяемые деньги порядка 100-200р в месяц при эпизодическом объеме сбора. И далее обрабатываются (минус слова и т.п.) непосредственно в кейколлекторе, это действительно удобно.

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

    Mike_Ro
    @Mike_Ro
    Python, JS, WordPress, SEO, Bots, Adversting
    Раздумываю над покупкой KeyCollector

    Он теперь перестал корректно собирать ядро?

    Да, помянем. Учитывая, что бизнес KeyCollector-а модель имеет тип "разовой продажи", то разрабу остается не очень много смысла переписывать приложение под "новые обстоятельства".
    KeySo тоже вроде может это?

    Фраза "тоже может" не корректна в контексте минимального тарифа 5 300 ₽/мес. Он то может, но не за разовый платеж ~2500р, который просил KeyCollector.

    Key Collector работает сейчас или нет?
    Ответ написан
    Комментировать
  • Какой актуальный стек верстки 2024?

    Если вы хотите научиться именно хорошо верстать, то углубляйте знания в чистом CSS.
    Изучите все самые современные техники и нововведения CSS, изучайте новые фичи CSS, которые только появились, и у них нет ещё полной поддержки в браузерах. Находите какие-то сложные примеры с CSS-tricks, пытайтесь сначала сами их повторить, а потом сравнивайте с оригинальным решением.

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

    1. Не надо выдумывать термины
    2. Нет смысла учиться 7 дней в неделю.
    Ответ написан
    Комментировать
  • Как передать в свойство SASS переменную, название которой в переменной JS?

    SkiperX
    @SkiperX Куратор тега CSS
    Js работает в браузере, там нет никакого sass. Он компилируется и идет в браузер в виде css.

    Вам нужно определить css переменную в атрибуте style (через v-bind). Записать туда значение из js. Дальше в стилях использовать css переменную.

    https://xhtml.ru/2021/javascript/sharing-data-betw...
    Ответ написан
    Комментировать
  • Как сделать, чтобы навигация разных слайдеров работала независимо?

    delphinpro
    @delphinpro
    frontend developer
    Разметку вы не показали, поэтому покажу суть. Нужно для каждого слайдера указывать именно его кнопки навигации, а не просто селектор, который выбирает все кнопки на странице.
    Часть правильного решения уже подсказали в других ответах.

    <div class="catalog-item">
      <div class="catalog-item-slider">Слайдер</div>
      <button class="nav prev"></button>
      <button class="nav next"></button>
    </div>

    document.querySelectorAll('.catalog-item').forEach(item => {
      new Swiper(item.querySelector('.catalog-item-slider'), {
        slidesPerView: "auto",
        loop: true,
        speed: 600,
        navigation: {
          nextEl: item.querySelector(".nav.next"),
          prevEl: item.querySelector(".nav.prev"),
        }
      });
    });
    Ответ написан
    Комментировать
  • В поиске первой работы програмистом, предлагают бесплатную стажировку. Соглашаться?

    ThunderCat
    @ThunderCat
    {PHP, MySql, HTML, JS, CSS} developer
    Народ тут накинул на вентилятор, попробую раскидать по фактам: Варианта на самом деле 3, но мы сведем к очевидным 2:
    1) Вы ищете первую работу в стеке, из опыта у вас приложение ТуДуЛист и Хеловорлд.
    Такое предложение как минимум подарок, как максимум большая удача. Подарок если вам просто дадут поколупаться в серьезном проекте и покажут как работает команда в целом. Большая удача если при этом у вас будет вменяемый ментор и ревьювер, а кода писать вам дадут много. Для конторы это скорее всего в минус, но если у вас все пойдет норм, то к концу срока вы в любом случае уже будете тянуть на джуна. Даже если после этого вы расстанетесь, опыт штука которая навсегда останется с тобой, в крайнем случае вы в первый месяц можете спокойно свалить, если видите что вам там ничего не светит в плане роста. Короче кейс - "надо брать".

    2) Вы уже работали со стеком, знаете как работать с основными инструментами и работали с проектами посложнее чем в первом варианте.
    Если еще и в конторе с какой-никакой командой, то вообще другой коленкор. В данном случае спокойно отказывайтесь, если вам жалко 3 месяца нахаляву работать. Опять же, неплохо было бы хотя бы узнать что в эти 3 месяца вы будете делать забесплатно, возможно ли перейти сразу к фазе 2 в случае вашей очевидной компетенции и т.д., короче есть смысл разговаривать ртом. Короче кейс - "надо поговорить".

    третий вариант по сути нечто среднее, но опять же сводится к 2 - надо говорить.
    Ответ написан
    3 комментария
  • Как добавлять id при вставке курсора активным div внутри contenteditable=true?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    1. id не для этого. Он должен один раз присваиваться элементу и больше не должен меняться. Меняется либо class либо кастомный атрибут.
    2. Для указания элемента, в котором находится курсор, служит псевдокласс :focus.
    [contenteditable="true"]:focus
    Ответ написан
    Комментировать
  • Как сделать так, чтобы слайды в слайдере бесконечно шли по кругу?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Лучше возьмите готовый слайдер.

    Как делается зацикливание:
    Берется последний слайд, создается его копия и помещается в начало.
    Это можно повторять бесконечно.
    А можно только для одного крайнего слайда и после перехода на него, слайдер без анимаций перестраивается в начальное состояние, незаметно для глаза.
    Ответ написан
    1 комментарий
  • Чем занимаются Middle Frontend разработчики?

    Все грейды кроме Lead занимаются примерно одним и тем же, но с разным уровнем ответственности и разным уровнем определенности.

    Чем выше грейд, тем больше ответственность и менее конкретные задачи.

    Ну и, естественно, нужно обладать более крепкими hard-скиллами: лучше понимать работу браузера, используемых библиотек и всяких паттернов сетевого взаимодействия

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

    Мне 16. Занимаюсь разработкой 4 года. Работал на фрилансе.
    Подхожу к вакансиям на мидлов, иной раз на синьоров.

    Если ты ни разу не работал в коммерческой компании, то у тебя просто нет оснований утверждать, что ты претендуешь на мидла или вообще сеньора, так как просто нет третьего человека, который бы мог это подтвердить.

    Middle/Senior - это не только про умение писать код, но и про ответственность и умение работать при высоком уровне неопределённости.
    Junior - отвечает за код в рамках небольшой задачи, которую ему максимально подробно разжевали, а то ещё и старший товарищ помог в разработке.
    Middle - отвечает за крупный компонент или за целое приложение в целом, причём уже в горизонте на год вперёд.
    Senior - влияет уже в целом на команду и немного на соседние продукты, должен уметь с нуля, без спецификации (только с хотелками от бизнеса) разработать полноценное рабочее решение. Уже претендует на звание Team Lead-а, который уже и за людей отвечает.

    Лично я никогда не поверю, что школьник 16 лет отвечает требованиям на Senior, так как у него в принципе врядли когда-то был такой уровень ответственности на проекте.
    Ответ написан
    3 комментария
  • Как правильно работать с ветками?

    AshBlade
    @AshBlade
    Просто хочу быть счастливым
    Для пет проекта достаточно 2 веток - master и dev:
    - master - работающий код, красивый, причесаный
    - dev - в нем ведется вся работа

    Нет смысла упарываться во всякие git flow, github flow и еже с ними. Над проектом работаешь ТОЛЬКО ТЫ, а значит делать надо как тебе удобнее.
    Думать об этом надо только если над одним проектом работает больше 1 человека.

    P.S. можно и одной веткой обойтись, но так удобнее откатываться и точно знаешь, что рабочий код не затронется
    Ответ написан
    Комментировать
  • Что это такое и как защититься?

    trapwalker
    @trapwalker
    Программист, энтузиаст
    По двору прошелся жулик и попытался хакнуть эксплойтом для "майбаха" (условно) все тачки в вашем дворе. Майбахов не нашлось, этот жулик пошел дальше и забыл уже про ваш дворик.

    Надо ли защищаться от атаки, не релевантной вашему сетапу? Не надо.
    Надо ли делать выводы об уязвимости того или иного оборудования? Надо.
    Надо ли проверять свои конфигурации на эксплойты? Надо.
    Надо ли реагировать на всякую нерелевантную хрень в логах с ошибками порядка 400? Не надо.
    Надо ли позаботиться об оркестрации быстрого развёртывания ваших серверов на случай взломов или проблем с железом? Конечно надо!

    Вообще, если ваш сетап на виртуальных машинах в повторяемой среде и с декларативной конфигурацией вроде кубера или докера, то вы легче сможете пережить всякие такие факапы.
    Схема такая.
    Есть признаки взлома - бэкап логов, снапшот базы, бэкап стораджа, остановка сервисов (если позволяет продакшн), анализ атаки и последствий. Устраняем уязвимость по вектору атаки (гугление по логам и курение тредов), правим конфиги развёртывания и запускаем прод. Потом долго и тщательно разбираемся по логам, снапшотам и бэкапам что затронуто. Делаем тестовый чистый сетап по старой конфигурации и сравниваем пофайлово с атакованной системой, выясняем в какие места вмешались злодеи. Дифаем базу и смотрим на подозрительные различия. Делаем выводы, объявляем об утекших данных, если есть такие признаки (чтобы не подставлять пользователей), принимаем превентивные меры против похожих векторов атак.

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

    Это взгляд дилетанта по безопасности, если чего пропустил -- поправьте. Если где не прав -- расскажите.
    Ответ написан
    3 комментария
  • Почему не работают медиа-запросы в хостинге?

    IvanU7n
    @IvanU7n
    nothing interesting here
    такие выражения и локально не могли работать:
    @media screen and (max-width: 1024px) and (min-height: 1300px) and (max-height: 1366px){
    @media screen and (min-width: 1857px) and (max-width: 1920px) and (max-height: 1080px){
    @media screen and (min-width: 1190px) and (max-width: 1280px) and (max-height: 800px){
    @media screen and (min-width: 995px) and (max-width: 1024px) and (max-height: 600px){
    @media screen and (min-width: 900px) and (max-width: 912px) and (min-height: 1300px) and (max-height: 1368px){
    @media screen and (min-width: 700px) and (max-width: 912px) and (min-height: 1300px) and (max-height: 1368px){
    @media screen and (min-width: 700px) and (max-width: 912px) and (max-height: 1180px){
    @media screen and (min-width: 700px) and (max-width: 912px) and (max-height: 1024px){
    @media screen and (min-width: 590px) and (max-width: 600px) and (min-height: 1000px) and (max-height: 1024px){
    @media screen and (min-width: 527px) and (max-width: 540px) and (max-height: 720px){
    @media screen and (min-width: 420px) and (max-width: 430px) and (min-height: 930px) and (max-height: 932px){
    @media screen and (min-width: 400px) and (max-width: 412px) and (min-height: 900px) and (max-height: 915px){
    @media screen and (min-width: 413px) and (max-width: 414px) and (min-height: 890px) and (max-height: 896px){
    @media screen and (min-width: 380px) and (max-width: 390px) and (min-height: 840px) and (max-height: 844px){
    @media screen and (min-width: 360px) and (max-width: 375px) and (min-height: 800px) and (max-height: 812px){
    @media screen and (min-width: 360px) and (max-width: 375px) and (min-height: 720px) and (max-height: 740px){
    @media screen and (min-width: 360px) and (max-width: 375px) and (min-height: 660px) and (max-height: 667px){
    @media screen and (min-width: 360px) and (max-width: 360px) and (min-height: 620px) and (max-height: 640px){
    @media screen and (min-width: 250px) and (max-width: 280px) and (min-height: 600px) and (max-height: 653px){
    Ответ написан
    2 комментария
  • Что такое культура программирования?

    Это понятие определяет отношение к работе, стремление делать ее качественно.

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

    Что такое культура разработки? Да, это слишком общее понятие, но то, что сюда относится, перечислить можно. Это постоянное обучение, чистота кода и архитектурных решений, и тд.

    Гуглите "профессиональная культура" материалов очень много. И есть много общего между профессиями.
    Ответ написан
    Комментировать
  • Отличается ли з/п в США для кандидатов находящиеся на территории США или за её пределами?

    Snakecharmer
    @Snakecharmer
    Широкопрофильный менеджер и аналитик
    У вас несколько вопросов сразу, вот на них ответ:

    1. Отличается ли з/п в США для кандидатов находящиеся на территории США или за её пределами?

    Да, отличается. Страны разные, уровень жизни везде разный. Давайте обратимся к примерам. Вот что пишет компания ZeniMax в одной из своих вакансий.
    В тексте речь идет о территории США (within the United States), но аргументация совершенно логична и справедлива, как если бы соискатель жил в другой стране.

    Текст с сайта
    ZeniMax has different base pay ranges for different work locations within the United States, which allows us to pay employees competitively and consistently in different geographic markets. The range above reflects the potential base pay across the U.S. for this role; the applicable base pay range will depend on what ultimately is determined to be the candidate’s primary work location. Individual base pay depends on various factors, in addition to primary work location, such as complexity and responsibility of role, job duties/requirements, and relevant experience and skills. Base pay ranges are reviewed and typically updated each year. Offers are made within the base pay range applicable at the time.

    At ZeniMax certain roles are eligible for additional rewards, such as merit increases and discretionary bonuses. These awards are allocated based on individual performance and are not guaranteed. Benefits/perks listed here may vary depending on the nature of employment with ZeniMax and the country work location. U.S.-based employees have access to healthcare benefits, a 401(k) plan and company match, short-term and long-term disability coverage, basic life insurance, wellbeing benefits, paid vacation time, paid sick and mental health time, and several paid holidays, among others.

    We embrace diversity, equity, and inclusion in everything we do – from recruiting for our studios, publishing and operations to fostering safe and respectful workplaces that encourage collaboration. Our culture is based on principles of respect, inclusion, and fair treatment and we welcome anyone into our family without regard to race, religion, gender identity, sexual orientation, or age.

    Our diversity fuels our innovation and inspires us to create game worlds that bring us closer to the global community of players we serve.


    2. При удалённой работе, имеет ли значение место проживание кандидата на вакансию для определения размера заработной платы?

    Как ответил выше - да, место проживание имеет значение. Но я не могу представить чтобы на позицию продакт-менеджера брали человека из другой страны, где нет официального присутствия компании. Удаленщика и так сложно контролировать, а здесь еще и управленческая должность. Гораздо проще нанять "своего".

    3. Или данная сумма ориентир только для кандидатов проживающие на территории США?

    Это ориентир для проживающих в США. Обратите внимание, что у того же ZeniMax отсутствуют зарплаты в вакансиях для других стран. Вот например вакансия в Швеции. Salary нет. Чтобы соискателям не приходила в голову идея посчитать разницу зарплат :)

    4. И имеет ли здесь значение является ли кандидат резидентом США?

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

    pindschik
    @pindschik
    ФЫВА ОЛДЖ
    Не может.
    - В том числе не могут сохраниться данные (размагнитятся).
    - Если это SSD - тоже не могут (заряд утечет из ячеек, но появится посторонний от окружающей радиации).
    - В том числе выйдет из строя механика (или от работы, или от лежания - "прикипит").
    - В том числе окислятся и потеряют рабочие свойства электрические элементы (изоляция, пластик, дорожки, токоведущие кабели головки станут хрупкими).

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

    Посмотрите пример на практике - Вояджеры. Почти 40 лет, и уже куча проблем. И они намного проще современной техники и разработаны с запасом надежности, и там нет диска...
    Ответ написан
    Комментировать
  • Как сверстать такие блоки на flexbox?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Любите вы фигнёй заниматься...
    Используйте гриды.

    Ответ написан
    1 комментарий