Контакты
Местоположение
Канада, Quebec

Достижения

Все достижения (7)

Наибольший вклад в теги

Все теги (60)

Лучшие ответы пользователя

Все ответы (157)
  • Как обернуть контент в нужный тэг в VScode горячией клавишей?

    alsolovyev
    @alsolovyev
    1. Ctrl + Shift + P
    2. Emmet: Wrap with Abbreviation
    3. Ввести таг

    Можно добавить свой shortcut как в sb3(file->keyboard shortcuts->keybinding,json):
    [
      {
        "key": "ctrl+shift+g",
        "command":"editor.emmet.action.wrapWithAbbreviation",
        "when": "editorTextFocus && !editorReadonly"
      }
    ]

    Использовать как в sb3

    Или установить плагин: ext install htmltagwrap
    Ответ написан
    3 комментария
  • Как правильнее сверстать такие элементы?

    alsolovyev
    @alsolovyev
    Ничего сложного не вижу в верстке. Запарная, но вполне реализуемая. Чего в комментариях ноет народ? Или Вам интересно 3 блока в ряд flex'ом закидать - "Ху*к-ху*к, и в продакшн"?
    Делим на три блока: светлый, текст по центру, темный блок. Текст через shapes форматируем, форму каждого блок через clip-path, svg... Позиционируем чуть-чуть(много). Получаем итог. Ну a с нижней все понятно - transparent: skew, clip-path...

    Вот хороший пример shapes - https://www.sarasoueidan.com/blog/css-shapes/
    clip-path - https://developer.mozilla.org/en-US/docs/Web/CSS/c...

    А мобильную пусть кидает макет дизайнер. Или он на полпути оставил Вас?

    ps с поддержкой надо поиграть, но тоже ничего такого....
    psps скинь макет. Ночью будет свободное время - сделаю.
    Ответ написан
    8 комментариев
  • Как сделать такое приложение?

    alsolovyev
    @alsolovyev
    А в чем проблема? Как Вы пытались решить эту проблему(написать в интернете "Решите мне задача" не считается)?

    Разделите конечную цель на маленькие:
    1. Создаете/рисуете точки
    2. Добавляете обработчик движения мыши
    3. Определяете дистанцию от мышки до точки ( теорема Пифагора )
    4. Увеличиваете/уменьшаете значение радиуса точки в зависимости от положения мыши

    Все! Самое сложное это теорема Пифагора(5-6 класс).
    Остается все разбросать по методам....

    Вот "наговнокодил" пример на коленках(использовал class поэтому поддержку браузера смотрите сами): https://codepen.io/janeRivas/full/NMGBvG/ (если лагает у Вас, то удалите функцию на строке 116 и 120 или поменяйте кол. точек на строке 18 )

    Если нужно уместить все точки в какой-то фигуре(букве), то поменяйте функцию Rand, добавив в нее новые условия.

    ps если как-то по-другому надо соединить линии между собой, то у нас на каждом кадре есть координаты точек this.pos.x и this.pos.y. Ну и меняй метод lineTo как тебе надо...

    psps наверно начинать надо с простого, но если делать нормально, то я бы делал на three.js или pixi.js. Логика точно такая же, только перфоманс будет в разы лучше + сможем избежать кучу проблем с картинками и тп...
    Ответ написан
    1 комментарий
  • Как извлечь картинку с сайта?

    alsolovyev
    @alsolovyev
    1. Ctrl+shift+i (консоль разработчика) или правой кнопкой мыши по странице -> Исследовать (Inspect)
    2. Вкладка network
    3. В шапке выбрать img(изображения)
    4. Обновить страницу
    В ответ вы получите все изображения со страницы. и Вот ваша картинка
    Ответ написан
    5 комментариев
  • На что лучше подцепить html страничку, если это сайт визитка с одним разделом блога?

    alsolovyev
    @alsolovyev
    Для подобных целей народ давно придумал Jekyll - генератор статических сайтов(или ему подобные движки: Hugo и etc). Создаете шаблон для новостей(статей), добавляете массив данных, а движок генерирует папку со статическими html страницами для каждой новости(сортировку по дате или параметру, который вы укажите).

    В итогу мы избавляемся от cms, базы данных и других ненужных тяжелых элементов. Сервер отдает только статические html страницы.
    Ответ написан
    Комментировать