Ответы, понравившиеся пользователю Евгения

Как избавиться от странных линиий и пикселей в SVG?

Tony @Figma-designer

Привет!

Проблема 1 - применен Inner Shadow на группу. По всей видимости, группы для Figma и для браузера - не одно и тоже. Примените тот же эффект на шейп и всё будет ок (у меня получилось)

Проблема 2 - в Chrome так и не смог получить) в любом случае, ну кто будет увеличивать вашу графику таким образом?

Проблема 3 - у вас там набор близко расположенных векторов. Объедините их в один и удалите лишние точки, тогда и артефактов не будет

Ответ написан более двух лет назад

4 комментария

Сверстать кнопку в письме?

Qurel @Qurel

Если нужна кнопка с border-radius:
https://buttons.cm/

Ответ написан более трёх лет назад

Комментировать

Как запретить ввод пробелов, скобок и тире в поле?

Сергей П @trapwalker

Программист, энтузиаст

https://regex101.com/r/nV9ZLS/1
^[^\s()-]*$
Первая "крышка" означает, что это начало строки. Последний "доллар" означает конец строки.
Между ними любое (0 или более символов) из множества, описанного в квадратны скобках.
В квадратных скобках крышка означает, что множество инвертировано. То есть допускаются любые символы, кроме перечисленных.
То есть, данное множество представляет собой НЕ: пробел, скобки и минус, но любые другие символы.

Ответ написан более трёх лет назад

1 комментарий

Почему обрезается текст в VML?

Денис Т @tyukavin_denis Автор вопроса

web developer

Проблему удалось решить полностью. В VML нужно обернуть тег center в <v:textbox> (inset="0,0,0,0" обязательно).

<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="letter-spacing: 0em;height:30pt;v-text-anchor:middle;v-text-wrapping:false;width:355pt;" arcsize="15%" stroke="f" fillcolor="#8CBD57">
   <w:anchorlock/>
   <v:textbox inset="0,0,0,0">
      <center style="v-text-wrapping:false;color:#ffffff;font-family:arial, 'helvetica neue', helvetica, sans-serif;font-size:16px;font-weight:bold;line-height:19px;mso-line-height-rule:exactly;">ПОСМОТРЕТЬ КАТАЛОГ НОВИНОК ВЕСНА-ЛЕТО 2021</center>
   </v:textbox>
</v:roundrect><![endif]-->

Высоту и ширину v:roundrect задавайте в pt.

Ответ написан более трёх лет назад

Комментировать

VueJS - как можно передать данные из slot-a в родительский компонент?

Dmitry Barkowski @TypeOFF

https://ru.vuejs.org/v2/guide/components-slots.htm...
Используйте slot-props

Ответ написан более трёх лет назад

Комментировать

NUXT - Cannot read properties of undefined (reading 'state'), или как вывести данные из Store в компонент?

ViperOMG @ViperOMG Автор вопроса

Долго мучался, на свою версию устанавливал vuex через --force и все сломалось.
было проделано следующее:
-вырезан установленный vuex
-переустановлен nuxtjs версия 2.17.2
теперь все работает
Всем спасибо за внимание, надеюсь кому-нибудь поможет.

Ответ написан 28 дек. 2023

Комментировать

Как узнать о переполнении?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

На CSS решения я не знаю. И, вероятно, его нет вовсе.

Остается javascript. берем переполняемый элемент и сравниваем его две метрики

if (el.scrollHeight > el.offsetHeight) {
  // Есть переполнение
}

Аналогично для ширины, если нужно.

Ответ написан более двух лет назад

Комментировать

Как решить проблему с почтой на хостинге?

Red_Devi1 @Red_Devi1

MX-записи говорят о том на сервер с каким IP адресом должна приходить входящая почта, к исходящим сообщениям это отношения не имеет.
Вероятнее всего, отправленные вами письма попадают в спам. Отправьте тестовое письмо на свой gmail и посмотрите. Если письма в спаме, то наверняка у вас не добавлена SPF запись, которая сообщает серверу получателя с каких IP адресов можно отправлять почту для текущего доменного имени, также это может наблюдаться из-за отсутствия DKIM-подписи

https://www.ukraine.com.ua/wiki/hosting/mail/spf-d...

Ответ написан более трёх лет назад

Комментировать

Можно ли у swiper js убрать навигацию если слайдов меньше 5?

Danny Arty @DanArst Куратор тега JavaScript

Гриффиндор в моде при любой погоде!

Если у вас отображается по 5 слайдов и общее количество равно 5, то у стрелок навигации будет класс .swiper-button-disabled. Просто добавьте следующий стиль:

.swiper-button-disabled{
    display:none;   
}

Ответ написан более двух лет назад

Комментировать

Как передавать дополнительные аргументы в $emit события?

furashcka @furashcka

vue намеренно ограничивает кол-во аргументов в своих стандартных функциях, только ОДИН объект, объясняется это тем что объект нагляднее читается в коде чем просто список аргументов:

mySuperFunction1(ignoreCache,  isReverse, removeEmpty, visible) { ... }
mySuperFunction2({ignoreCache,  isReverse, removeEmpty, visible}) { ... }

mySuperFunction1(false, true, true, true);
mySuperFunction2({
  ignoreCache: false,
  isReverse: true,
  removeEmpty: true,
  visible: true
})

В вашем случаи в $emit можно передавать массив

$emit(`name`, [arg1, arg2]);

А снаружи раскладывать массив стандартной es6 операцией:
@событие="metod(...$event)"

Ответ написан более года назад

Комментировать

Как сбросить автопрокрутку у Swiper при переключении таба?

Danny Arty @DanArst

Гриффиндор в моде при любой погоде!

Можно использовать метод slideTo, но он ломает autoplay, поэтому можно сделать следующее:

отключить autoplay - скролл до 1-го слайда - включить autoplay

navList[i].addEventListener("click", (evt) => {
    let currentLink = tabContainer.querySelector(
      ".slidersTab__tab-label.current"
    );
    let currentTab = tabContainer.querySelector(
      ".slidersTab__slidersItem.current"
    );
    //добавить 4 строчки -- start 
    let currentSlider = tabList[i].querySelector('.slidersTab__slider-body').swiper;
    currentSlider.autoplay.stop();
    currentSlider.slideTo(0, 0, false);
    currentSlider.autoplay.start();
    //-- end
    currentLink.classList.remove("current");
    navList[i].classList.add("current");

    currentTab.classList.remove("current");
    tabList[i].classList.add("current");    
});

Ответ написан 17 июн.

1 комментарий

Nuxt.js 3, как запустить с pinia?

Максим Морев @SeaInside

15 лет пилю все эти штуки

Установить `@pinia/nuxt` недостаточно, нужно установить и саму `pinia`.

npm install pinia

Ответ написан более двух лет назад

2 комментария

Как спрятать scrollbar в div и отставить возможность скроллинга?

WebgeekS @WebgeekS

100% рабочий вариант Chrome, Safari, IE и т.д

.elem {
      overflow: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
}

.elem::-webkit-scrollbar {
      width: 0;
      height: 0;
}

Ответ написан более трёх лет назад

2 комментария

Какое регулярное выражение подойдет для проверки номера телефона?

kudry @kudry

Тоже столкнулся с проблемой валидизации телефонных номеров.
Телефоны берутся с участников вебинаров, на которые записываются люди из очень разных стран.
Соответственно, со всеми предыдущими схемами возникают проблемы:
1) а что если телефон с Украины (не +7-, а +38-)? А из Казахстана? А США (1-)? А Уганда ( +233-)? (из Уганды, правда, пока слушателей не было, но все впереди).
2)В разных местностях приняты самые невообразимые способы разбиения телефона на группы цифр:
8(8888)8-88-88-88 например. или 888(88)88888-888. Да и какие угодно могут возникнуть в будущем.
Поэтому вариант с "дефолтным разбиением типа "8(888)888-88-88 ну совершенно не катит.

Соответственно, я придумал следующий валидатор:
1) В начале могут быть пробелы, после них может быть "+" (а может и не быть)
2) Дальше должна идти группа цифр в количестве от 10 до 14 (мне нужны номера в международном формате; но если кому-то нужны более короткие - можно исправить диапазон длин).
3) Поскольку я не знаю, как люди группируют цифры - до и после каждой цифры может быть один из 8 знаков ("-", " ", "_", "(", ")", ":", "=", "+"). Это значит, что между двумя цифрами могут быть любые два из этих знаков.

В итоге получилось очень коротко и понятно )) :
/^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){10,14}(\s*)?$/

Съедает следующие телефоны:
+7(903)888-88-88
8(999)99-999-99
+380(67)777-7-777
001-541-754-3010
+1-541-754-3010
19-49-89-636-48018
+233 205599853

Ответ написан более трёх лет назад

1 комментарий

Как изменить цвет png с оранжевого на белый, средствами CSS (фильтры)?

ⓒⓢⓢ @JRK_DV

Рецепты https://codepen.io/jrkdv/full/LKLXdq

filter: brightness(0) invert(1);
https://jsfiddle.net/ku9uewwf/
Опять же кроссбраузерность проверь

Ответ написан более трёх лет назад

1 комментарий

Почему v-bind перестает работать со строками?

ⓒⓢⓢ @JRK_DV

Рецепты https://codepen.io/jrkdv/full/LKLXdq

потому что с ":" - это вычисляемый аттрибут

для примера, строку можно взять в одинарные кавычки, чтобы это было валидное выражение:
:title="'Неработающий заголовок'"

можно рассматривать как:
var title = 'Неработающий заголовок';
без одинарных кавычек, получается так:
var title = Неработающий заголовок; - ошибочная конструкция

Ответ написан более двух лет назад

Комментировать

Как отслеживать ширину экрана Vue?

Владимир Проскурин @Vlad_IT

Front-end разработчик

Есть событие onresize
Слушаете его в своем компоненте. и при срабатывании выполняйте нужный метод.

Ответ написан более трёх лет назад

2 комментария

Как лучше подключать scss bem блоки?

Сергей delphinpro @delphinpro Куратор тега Sass

frontend developer

Не сваливайте все блоки в одну папку, а делите по уровням абстракции.
Кнопка – примитив
Карточка – компонент более высокого порядка, может содержать в себе в том числе кнопки.

@use primitives/**
@use components/**

Ответ написан более двух лет назад

Комментировать

Как запретить листать на определенные слайды в Swiper?

dicem @dicem Автор вопроса

Нашел решение, собственно покопавшись в документации, слава разрабам, запилили достаточно богатое api

partnersSwiper.on('slideChange', function() {
			if ( partnersSwiper.activeIndex == 0 )
				partnersSwiper.slideTo(1)
			else if ( partnersSwiper.activeIndex == partnersSwiper.slides.length - 1 )
				partnersSwiper.slideTo( partnersSwiper.slides.length - 2 )
		})

Ответ написан более трёх лет назад

Комментировать

Git remote: Invalid username or password, в чем дело то?

Alex @isqua

Научу HTML, CSS, JS, BEM и Git

Удалите http-ремоут и добавьте ssh-ремоут.

Посмотреть ремоуты:
git remote -v

Будет что-то такое:

origin	https://github.com/YaroslavShilov/Blank.git/ (fetch)
origin	https://github.com/YaroslavShilov/Blank.git/ (push)

Если там https, удалите его:
git remote rm origin

А потом добавьте ssh-ремоут:

git remote add origin git@github.com:YaroslavShilov/Blank.git

И проверьте, что всё ок:
git remote -v

Должно быть что-то такое:

origin	git@github.com:YaroslavShilov/Blank.git (fetch)
origin	git@github.com:YaroslavShilov/Blank.git (push)

А потом пушьте наздоровье :) Подробнее — в документации.

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

Ответ написан более трёх лет назад

Комментировать

Войдите на сайт