Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 July 11

L

LZD in HTML/CSS — русскоговорящее сообщество
Araik
всем доброй ночи кто не спит, подскажите, как проще сделать, есть форма с возможность загрузки изображений, как сделать, чтобы была еще возможность сделать фото на камеру и отправить?
<input type="file" accept="image/*" capture="camera">
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
Araik
всем доброй ночи кто не спит, подскажите, как проще сделать, есть форма с возможность загрузки изображений, как сделать, чтобы была еще возможность сделать фото на камеру и отправить?
источник

A

Araik in HTML/CSS — русскоговорящее сообщество
благодарю!
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
последняя ссылка походу мертвая но можно попробовать конешн
источник

A

Araik in HTML/CSS — русскоговорящее сообщество
почему мертвая? вроде открылось все
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
Araik
почему мертвая? вроде открылось все
ну всмысле ее не просто так в архив запихнули и выделили красным
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
толи не доделали толи выпилили
источник

A

Araik in HTML/CSS — русскоговорящее сообщество
а, а я думаю, что такое, искал примечание или еще что-то, не нашел))
источник

AB

Alex Bessmertnov in HTML/CSS — русскоговорящее сообщество
iwahid
Ребят, привет

Вопрос по конкретно по SVG иконкам, а именно: каким образом лучше всего вставлять иконки на страницу?

Я нашёл много способов на крупных сайтах. И все эти способы разные. Я не могу понять в чём преимущества одних перед другими.

Что я нашёл:
- Вставка svg кода в< span>, т.е. код картинки прямо в html документе.
- Вставка сразу в <a>
- Такая же вставка через тег <i>. (но ведь спецификация говорит о том, что этот тег для иного)

- Вставка в любой те же теги через псевдоэлементы :before, :after.
- Вставка как фоновое изображение через css
- Вставка через svg  use

Какой из всех этих способов наиболее правильный и эффективный? (Ошибки при загрузке, множественные обращения к серверу для загрузки изображений, изменения иконок при редизайне, возможность смены цвета у svg и т.д.)
Или Разницы практически никакой и это всё альтернативные и равнодопустимые варианты?

@kirenkov
Inline svg через use много преимуществ, 1 недостаток это код который кого-то может смутить в html
уменьшишь httprequest на число иконок
источник

i

iwahid in HTML/CSS — русскоговорящее сообщество
Alex Bessmertnov
Inline svg через use много преимуществ, 1 недостаток это код который кого-то может смутить в html
уменьшишь httprequest на число иконок
Ага, спасибо. Тоже решил что это, пожалуй, лучший вариант
источник

БО

Богдан Ошовський... in HTML/CSS — русскоговорящее сообщество
Учусь верстать! На макете есть такая иконка что она должна делать??
https://prnt.sc/tfsuhm
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Богдан Ошовський
Учусь верстать! На макете есть такая иконка что она должна делать??
https://prnt.sc/tfsuhm
Скроллить до следующей секции
источник

ДФ

Д Ф in HTML/CSS — русскоговорящее сообщество
Богдан Ошовський
Учусь верстать! На макете есть такая иконка что она должна делать??
https://prnt.sc/tfsuhm
это мышка, подсказывает скролит
источник

БО

Богдан Ошовський... in HTML/CSS — русскоговорящее сообщество
Д Ф
это мышка, подсказывает скролит
Типо при нажатии на эту мышку?
источник

A

Araik in HTML/CSS — русскоговорящее сообщество
иногда просто как анимация, иногда ведет на следующий экран
источник

A

Araik in HTML/CSS — русскоговорящее сообщество
кто как реализовывает, чаще всего ведет на следующий экран
источник

ДФ

Д Ф in HTML/CSS — русскоговорящее сообщество
Богдан Ошовський
Типо при нажатии на эту мышку?
не знаю там это реализовано нет, просто подсказка что типо надо крутит ползунок на мышке
источник

DM

Dark Master in HTML/CSS — русскоговорящее сообщество
Подскажите, какой каноничный способ сверстать такую форму? Обращаю внимание, длина заголовков может меняться в зависимости от языка.
источник

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Dark Master
Подскажите, какой каноничный способ сверстать такую форму? Обращаю внимание, длина заголовков может меняться в зависимости от языка.
Через дисплей тейбл, как по мне
источник

DM

Dark Master in HTML/CSS — русскоговорящее сообщество
Vitaliy Kirenkov
Через дисплей тейбл, как по мне
Но при этом я же не могу установить минимальную ширину поля для ввода и в  случае длинного заголовка поле для ввода может просто сплющится, вместо того, чтобы обрезать заголовок.
источник