Пользуетесь ли вы сборщиками при верстке?

Сергей: всякое бывает, увы.

ясно))
я частенько пишу на чистом, те же одностраничники)
что бы завести проект надо минимум минут 15, пока соберешь палитру, шрифты, отступы, размеры...

Насколько часто пишете SVG руками?

sim3x: мне интересно, как часто приходиться кодить иконки/иллюстрации, а не насколько это трудно/заморочено/абсурдно.

Насколько часто пишете SVG руками?

Сергей: а если не умеешь либо исходник из люстры приходит криво нарисованным)

Насколько часто пишете SVG руками?

sim3x: ориентируясь на превью, открыв в ФШ и измерять, как то так если.
что бы в слепую фигачить координаты то вообще SVG знать надо словно его придумал))

Насколько часто пишете SVG руками?

sim3x: нет же, ориентируясь на превью естественно))

Насколько часто пишете SVG руками?

sim3x: вообще с нуля))
такую иконочку например
либо маску из макета, которая в png максимум

Как верстать тень у иконки?

Nekto_Habr: Flur: svg иконки лучше потому что:
- отсутствует запрос на сервер
- отсутствует ошибка, когда вместо иконок артефакты (как бывает с шрифтом)
- не будут размыты

ребят, вы как дизайнеры должны знать это лучше верстальщиков :)

Пользуетесь ли вы сборщиками при верстке?

Сергей: кошмар для тех, кому упадет проект на поддержку без исходников, с такими стилями))

даже на простых лендингах используете препроцессор?

Пользуетесь ли вы сборщиками при верстке?

Сергей: 375ms на пересборку это чудесно)
но когда проект развивается, то на пересборку может уходить до 6 секунд, в таком случае вспоминаешь старый, добрый чистый css.

Как верстать тень у иконки?

Иван: не за что!)

Как верстать тень у иконки?

Иван костыль потому что как итог будет куча кода, потому что иконок таких наверняка больше, чем одна.

иконочный шрифт вполне подойдет для реализации
https://codepen.io/salahuddin/pen/gLQWxL

Как верстать тень у иконки?

Иван в этом и есть костыль)
просто позиционируете так, что бы она оказалась как надо.
в данном случае это несколько элементов, у каждого своя тень.

Как верстать тень у иконки?

Иван: иконочный шрифт прошлое.
сейчас лучше использовать иконки в SVG формате.
но к ним не применить text/box-shadow.

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

Работа скрипта при разном размере экрана?

pixelSunBro: если добавить условие .resize то не только, при загрузке)

Как правильно реализовать резиновую SVG маску?

Flur спасибо!
Все оказалось гораздо проще, чем пытался реализовать.
Кстати в статьях обычно много лишнего в сравнении с вашим решением.

Организация файлов по отдельным css?

Сергей автор наверное имеет ввиду подключение css уже в прод версии

Как выставить картинки вертикально?

Ankhena W: а разве нет?)
правда по ответам вообще не понятно, каждый что то свое понял

Как выставить картинки вертикально?

Ankhena W: несколько изображений вертикально на одной горизонтальной))

Почему уезжает блок thumbnail?

Илья: залейте верстку на jsfiddle либо codepen

Как бы вы сверстали данный блок?

Ankhena W: пробуйте, что больше понравится, то и используйте)
обязательно протестируйте в актуальных браузерах, как итог одна строка может превратится в несколько))