Хороший Человек: я столкнулась с еще одним верным способом использовать svg-спрайты, но те, что были сгенерированы в каком-либо онлайн-сервисе.
"Нужно вставить скопированный svg спрайт. Открываете файл со сгенерированным спрайтом, копируете его код. И вставляете после открывающегося тега body. Чтобы вставить картинку из этого спрайта нужно использовать следующую конструкцию: https://jsfiddle.net/sbcvhmne/
Владислав Балабанович: сказал один из наставников HTMLAcademy))) На самом деле действительно пройти интенсив вживую - бесценно. Там и стимул есть, и помощь, и поддержка. Самое главное, систематизированный поток информации.
Никита: лепить и изображать человека от костей до одежды - это основы? И как же это вам пригодиться в веб-дизайне? К слову, отрисовкой персонажей занимаются художники. Конечно всегда будет плюсом, если им же является дизайнер, но не обязательно. Веб-дизайнер он в первую очередь проектировщик веб-интерфейсов, тут и в программировании нужно разбираться, и в дизайне, и т.п. Но не людей рисовать.
Вчера испробовала Авокадо. Мне понравилось все, за исключением того, что, например: есть у меня ромб. Я хочу сверстать его как квадрат и повернуть потом на 45 градусов. Но в авокадо нет возможности померить ширину и высоту этого квадрата, нет линейки, которую я могу повернуть в любую сторону. Есть только примитивное "прямоугольное" выделение. Я не могу выбрать этот ромб и повернуть его на 45 градусов чтобы точно измерить высоту и ширину. Пришлось открывать фотошоп.
Когда-то давно пользовалась Brackets с Extract. Когда увидела, что плагин врет по пикселям, решила, что продукт еще совсем сырой. А Brackets жутко тормознутый. Особенно в купе с этим плагином. Как сейчас они себя ведут я не знаю. Но судя по вашим словам, то все еще сыро.
В любом случае, саблайм + фотошоп = самый проверенный, удобный и быстрый вариант.
Сергей Шилов: Спасибо! Странно это как-то.... я думала, что первый символ блока должен хвататься. "Псевдоэлемент ::first-letter определяет стиль первого символа в тексте элемента, к которому добавляется." (с) htmlbook.ru
О, может есть смысл этот символ (#) в :before к заголовку пихнуть. Мне просто нужно применить mask-image к h1. При этом стиллизануть #
"Нужно вставить скопированный svg спрайт. Открываете файл со сгенерированным спрайтом, копируете его код. И вставляете после открывающегося тега body. Чтобы вставить картинку из этого спрайта нужно использовать следующую конструкцию: https://jsfiddle.net/sbcvhmne/