Ответы, понравившиеся пользователю Виталий Першин

Почему нет нормальной работы с svg в css?

leeroyjenkins176 @leeroyjenkins176

Работайте с svg как со спрайтом с помощью тега <use>

Ответ написан 02 авг.

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

Как выбрать элементы удовлетворяющие условию выборки?

Lynn «Кофеман» @Lynn

nginx, js, css

Поиграть со селекторами nth-child и nth-last-child.

Для начала попробуем выбрать первый элемент последнего неполного ряда. Селектор :nth-child(3n + 1) выберет нам первые элементы каждого ряда.

Теперь надо ограничить этот список только последним рядом. Видно что нужный нам элемент всегда первый или второй с конца. Так и запишем :nth-last-child(-n + 2).

В итоге получили селектор :nth-child(3n + 1):nth-last-child(-n + 2).
Ну а дальше воспользуемся селектором ~ что бы выбрать все (в вашем случае не больше одного) элементы которые идут после уже выбранного.

Получается вот такой код:

li:nth-child(3n + 1):nth-last-child(-n + 2),
li:nth-child(3n + 1):nth-last-child(-n + 2) ~ li {
  .....
}

UPD: если надо что бы последний ряд выбирался всегда, даже если он полный, то надо заменить -n + 2 на -n + 3.

UPD2: можно пойти немного другим путём и выбирать все элементы после последнего элемента в полном ряду. Получится вот так:

li:nth-child(3n):nth-last-child(-n + 3) ~ li {
  .....
}

Ответ написан 20 июл.

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

Какая лучшая CMS для создания форума?

Владислав Лысков @Vlatqa

xenforo

Ответ написан 18 июл.

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

Как выровнять шрифт?

Lynn «Кофеман» @Lynn

nginx, js, css

font-feature-settings: 'lnum' 1;

Ответ написан 09 июл.

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

Есть ли языки/нотации для записи бизнес-логики?

VoidVolker @VoidVolker

Dark side eye. А у нас печеньки! А у вас?

Диаграммы же. Смотрите в сторону с текстовой базой. Типа UML и прочее. Вот еще тоже неплохой онлайн инструмент для создания диаграмм из текстового описания: https://www.mermaidchart.com/landing (можно запустить локальный инстанс у себя).

UPD1:
Пример флоу-диаграммы русалки:

flowchart TD
    A[Полльзователь] --> B(Скидка)
    B --> C{Тариф - платина?}
    C -->|Да| D[15%]
    C -->|Нет| E[5%]

Картинка:

spoiler

UPD2: Можно взять что-то гибридное типа ЯП Дракон.

Ответ написан 05 июл.

5 комментариев

Почему на ios не работает addEventListener('click')?

ThunderCat @ThunderCat Куратор тега JavaScript

{PHP, MySql, HTML, JS, CSS} developer

Емнип window это объект браузера, со своими свойствами и евентами, в которые вроде даже DOMContentLoaded не входит (вместо него есть "load"), это евент документа. Скорее странно что это работает на не айос...

-window.addEventListener('DOMContentLoaded', () => {
+document.addEventListener('DOMContentLoaded', () => {

Ответ написан 03 июл.

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

Как сделать JS/CSS слайдер с использованием flex элементов?

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

frontend developer

как-то так

Ответ написан 02 июл.

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

Как можно удалить одну функцию?

Rsa97 @Rsa97

Для правильного вопроса надо знать половину ответа

Элементарно. Рекурсивно вызывать getStringCount и суммировать возвращённые значения.

function getStringCount(obj) {
  let countString = 0;
  for (let i in obj) {
    if (typeof obj[i] === "object") {
      countString += getStringCount(obj[i]);
    } else if (typeof obj[i] === "string") {
      countString += 1;
    }
  }
  return countString;
}

Ответ написан 02 июл.

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

Как сбросить автопрокрутку у 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 комментарий

Как сделать блок с текcтом который постоянно на экране при скроле, но упирается в футер?

kryamk @kryamk

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

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

Как найти букву, которая не является частью слова?

Lynn «Кофеман» @Lynn

nginx, js, css

К сожалению \b в JS для русского языка не применим.
Придётся явно указывать буквы, считая что у нас нормальные слова (состоят только из русских букв).

const re = /(?<![а-яё])и(?![а-яё])/ig;
console.log(re.test('Книга'));           // false
console.log(re.test('Книга и тетрадь')); // true

Ответ написан 22 мая

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

Есть ли визуальный редактор как в telegra.ph с лицензией MIT?

Виктор Майоров @victormayorov

Frontend разработчик

Есть dante editor. github
под лицензией MIT и есть возможность с (+) добавлять контент

Ответ написан 22 мая

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

Как убрать полосы у скругленных углов?

Антон Антон @Fragster

помогло? отметь решением!

Заменить на clip-path:

Ответ написан 21 мая

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

Как лучше обратиться к кнопке через id или через class?

Ankhena @Ankhena Куратор тега JavaScript

Нежно люблю верстку

id - уникален, т.е. по id можно обратиться только к конкретному элементу.
class - можно обратиться ко всем элементам с таким классом. Но обычно на классы завязана стилизация, они могут быть переименованы, удалены и т.д.
data-атрибуты - мне нравится этот вариант. Можно поставить нужным элементам сколько угодно раз, можно задать разные data-атрибуты, можно ими свободно манипулировать. Отделены от стилизации. Хотя, конечно, можно стилизовать и по ним, но меньше вероятность, что будут удалены из разметки верстальщиком.

Ответ написан 01 мая

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

Почему line-clamp для обрезания строк отображает текст ниже троеточия?

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

frontend developer

Padding уберите у параграфа. Используйте отступы на внешнем элементе, если необходимо.

Кстати, попробуйте увеличить паддинг до больших значений (~50px), увидите как работает лайн-кламп.

Ответ написан 24 апр.

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

Какой программой можно сделать из текста рэп?

Qoragar @Qoragar

Сервис Suno AI
Есть режим авто-генерации текста (например, по запросу "песня про ёжика"), и ручной режим со вставкой своих стихов. В запросе-описании указывается стиль исполнения и прочие пожелания.

Музыку делает не ахти какую оригинальную (точнее, совершенно не оригинальную), но для ИИ весьма впечатляюще. ))

Например:
Рэп-коммент...
Хэви-коммент...
)))

Ответ написан 20 апр.

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

Какие нейросети имеют доступ к страницам сайте в интернете?

rPman @rPman

Ни одна нейросеть на базе gpt не умеет напрямую работать со страницами в интернете.

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

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

И главная проблема - ограничения на размер контекста. Большие объемы текста тупо не помещаются 4к..8к токенов это тот объем, в пределах которого сети работают хорошо, но чем больше размер контекста (даже если заявлены 16к или 32к) начинаются борьба компромисов, качества и стоимости. Может так получиться что вместо работы со всей информацией сразу, ее делят на части (еще одна проблема по анализу исходной страницы), а затем, набирая вопросы из текущего контекста (та еще задачка) задают их последовательно для каждой, собирая ответы в итоговый контекст и ее уже используют для дальнейшей беседы. Плюс есть еще алгоритмы саморизации. Плюс еще неплохо сюда multishot пристроить, с примерами.

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

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

Ответ написан 20 апр.

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

Стоит ли дальше учиться программировать?

Adamos @Adamos

Когда я учился, нам давали Бэйсик и Паскаль.
Языки вымерли, специалисты нужны по-прежнему.
Тот, кто просто выучил язык - это еще не программист и уж совсем не специалист.
И да, я тоже слышал, что С++ вот-вот вымрет... лет двадцать уже.
РНР - лет десять, та же история, пол-интернета на нем по-прежнему работает...
Теперь вот Питон.
Доткомы били-били, не разбили. Блокчейн бил-бил, не разбил. Пришли нейронки, хвостиком машут! Берегись, айти!

Ответ написан 15 апр.

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

Почему появляется такая ошибка на PHP?

Женя Ренессанс @RNSNS

Symfony Backend developer

Точку просто убери с пути

$path = $_SERVER['DOCUMENT_ROOT'];
$path .= "/snippets_main/head_main.php";

Ну или

$path = $_SERVER['DOCUMENT_ROOT'] . "/snippets_main/head_main.php";

Ответ написан 11 апр.

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

Как сделать такую верстку на гридах?

imko @imko

Senior Scratch Developer

А че там делать то
https://codepen.io/herr-imko/pen/mdgKwpK
размеры столбцов и рядов подкорректируй как надо

Ответ написан 11 апр.

5 комментариев

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