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

CSS
- 67 ответов
- 0 вопросов
65 Вклад в тег
JavaScript
- 61 ответ
- 0 вопросов
57 Вклад в тег
HTML
- 55 ответов
- 0 вопросов
51 Вклад в тег
Вёрстка
- 15 ответов
- 0 вопросов
14 Вклад в тег
Веб-разработка
- 10 ответов
- 0 вопросов
11 Вклад в тег
Python
- 9 ответов
- 0 вопросов
10 Вклад в тег

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

Aleksey Solovyev @alsolovyev

Ctrl + Shift + P
Emmet: Wrap with Abbreviation
Ввести таг

Можно добавить свой shortcut как в sb3(file->keyboard shortcuts->keybinding,json):

[
  {
    "key": "ctrl+shift+g",
    "command":"editor.emmet.action.wrapWithAbbreviation",
    "when": "editorTextFocus && !editorReadonly"
  }
]

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

Или установить плагин: ext install htmltagwrap

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

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

Как правильнее сверстать такие элементы?

Aleksey Solovyev @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 комментариев

Как извлечь картинку с сайта?

Aleksey Solovyev @alsolovyev

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

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

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

Как сделать такое приложение?

Aleksey Solovyev @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 комментарий