npofopr

Expert
  • Content count

    3,532
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by npofopr

  1. npofopr

    Webpack и другие

    Надо не знать, надо пользоваться 🙂
  2. npofopr

    Помогите найти причину

    Я про Фотошоп) В последних версиях есть возможность копирования css. Очень помогает "вытащить" тени, те же размеры шрифтов, line-height и т.п. Перетаскивания шрифта никак не затронут его размеры. А про 400 и визуально, первый раз вижу) Больше похоже на "особенность" самого шрифта, что он так выглядит. Но и не отрицаю, что такое возможно)
  3. Выводить картинку через api, а не конструктором. Тогда можно будет задать координаты центровки.
  4. npofopr

    Помогите найти причину

    + в Фотошопе можно прямо css же скопировать. Чтобы сверить.
  5. Тогда не было не безопасных шрифтов 😄
  6. Ну или png наложить можно попробовать 🙂 если цвет всегда будет белым)
  7. В ДевТулз надо смотреть, а не видео записывать) Возможно картинка не тянется. Позишины где нибудь не стоят. Высота как нибудь не так задана.
  8. Выше обсуждали. Но да, ЯБ по прежнему ругается. Я забил)
  9. Да без разницы на самом деле, чем и как сбрасывать. Главное понимать, к чему это приведёт.
  10. Хватит использовать инструменты 2011 года 🙂 мне так кажется)
  11. Поищите на codepen. Например, https://codepen.io/BrentWMiller/pen/XKGyBb
  12. DevTools то на что ругается? Обычно же на отсутствие шрифта. ну или svg, теперь.
  13. npofopr

    Из svg в png

    Например, первая иконка <svg id="icon-user" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <title>user</title> <path d="M15.782 0.381c-4.405 0-8 3.595-8 8s3.595 8 8 8 8-3.595 8-8c0-4.405-3.595-8-8-8zM15.782 2.667c3.17 0 5.714 2.545 5.714 5.714s-2.545 5.714-5.714 5.714c-3.169 0-5.714-2.545-5.714-5.714s2.545-5.714 5.714-5.714z"></path> <path d="M16 18.667c-8.515 0-15.619 5.867-15.619 13.333h2.286c0-5.999 5.858-11.048 13.333-11.048s13.333 5.049 13.333 11.048h2.286c0-7.466-7.104-13.333-15.619-13.333z"></path> </svg> её уже любым конвертером в png сохраните. ну или в иллюстраторе, или чем вы пользуетесь.
  14. npofopr

    Из svg в png

    Дак это спрайт из 3 иконок. Сохраните каждую иконку по отдельности, да сделайте png спрайт какой вам надо.
  15. npofopr

    Вопрос по @media

    Я не понимаю, о чём вы пишете. Делайте, как знаете, думаю, ошибкой не будет.
  16. npofopr

    Вопрос по @media

    нет. ошибкой не будет.
  17. npofopr

    Вопрос по @media

    Вы точно понимаете, что написали?
  18. Лучше смотреть туда, откуда вы это взяли. Ну и судя по коду, ссылки работают с .main Это и по ДевТулзу видно. К блокам никакого обращения нет.
  19. npofopr

    адаптивное меню

    я бы выбрал с JS. Всё отличие в браузерной поддержке и удобстве использования.
  20. Поможет. Обычно так и делают. Или просто фоновым изображением делают. Главное, чтобы это был отдельный элемент.
  21. А у вас точно svg? судя по скрину там jpg какой то. Лучше бы вы пример показали. Чем словами описывали проблемы.
  22. h1 {margin: 0;} ну и body {margin: 0; padding: 0;} хотя у нормалайза должно быть сброшено А вообще, научитесь пользоваться DevTools
  23. Чего вдруг? Для чего сделаете, для того и будет. Года 4 или больше, назад, было что то гугловское. что то типа google gallery open Что то типа https://www.jqueryscript.net/demo/Google-Image-Gallery-View-jQuery-searchGalleryView/ Более плавное https://www.jqueryscript.net/demo/Google-Style-Expanding-Thumbnail-Grid-Plugin-With-jQuery-Mg-Space/#/item-0-2 Дальше сами ищите)
  24. Примерно вот такой принцип. https://codyhouse.co/ds/components/app/pricing-table Единственное, заголовку придётся высоту указывать. И я бы ещё поставил text-overflow: ellipsis Т.е. обычный flex, последнему элементу margin-top: auto; чтобы к низу прибивался. Или можно описание растягивать. flex-grow: 3; например, указать. Как нибудь так.