Веб-дизайн, inkscape и все-все-все, часть 1

[allexx]

Мода на darcula theme уже прошла.

[nett00n]

Это ж не Dracula, выглядит совершенно, как Solarized Dark.

[alltiptop]

Что за мода, почему я должен ей следовать и как цветовая схема для текстового редактора о которой я слышу впервые относится к посту?

[Meklon]

Может поделитесь ссылками на хорошие руководства? Родная вики весьма запутанна, на мой взгляд.

[alltiptop]

Не смогу предложить вариантов лучше гугла, так как сам ими почти не пользуюсь.

[alltiptop]

Коротко и наглядно

Быстро набросал в том же инкскейпе

Здесь редактор xml не удобен для этих целей, а годится лишь для «причёсывания» кода для непосредственной подготовки к вебу.

[Meklon]

Что за шрифт?) приятная кириллица.

[alltiptop]

Большой — Fira Sans Normal 24px, интерфейс (скриншот и нарисованный) — Ubuntu Medium 12px.

[dshster]

Инкскейп крутой, давно давно я в нём рисовал иконки, там есть функция предпросмотра иконок в разных размерах и растеризации вектора в режиме редактирования.

[jakobz]

А где там растризация включается?

[alltiptop]

Вид / Показать как иконку — панель с видом иконки 128*128, 64*64, 32*32, 16*16 и 8*8px, в том числе «большой» 128*128px вид масштабированного выбранного размера без сглаживания.
Файл / Экспортировать в png — экспорт в png всего изображения или выбранных объектов, т.е. пакетное растрирование, как с фоном так и прозрачных. Т.е. выделил все веркторные иконки — растрировать — получаешь набор иконок нужного размера (при растрировании есть выбор относительного увеличения). Имена задаются из названий объектов.

[jakobz]

А нет там режима (или аналога) типа как в Ilustrator-е — чтобы оно картинку прям на лету всю показывало растрированную? Т.е. зумишь и видишь пиксели. Или хотя-бы окошко это с иконками настроить по количеству превьюшек и их размера?

Можно открыть второе окно в 1:1 масштабе и смотреть что выходит, но хочется иногда еще в зуме посмотреть на пиксели и подвигать-туда-сюда.

Пакетное растрирование, да и просто растрирование выделенного — штука клёвая, да. Пользуюсь.

[alltiptop]

Не нашёл подобного, обычно для таких целей использую сетку (1*1, 2*2 px) чтобы удостовериться совпадению с пиксельной решёткой или квин с соответствующим масштабированием экрана.

[engine9]

Скажите, а этот скин темный системный или самого инкскейпа? Если системный то скажите, пожалуйста дистрибутив.

[alltiptop]

Движок темы oxygen-gtk с цветовой схемой BackToEarth в kde.

[dbanet]

o_O

А можно юзер-цсс, чтоб было так, как на КДПВ?

[alltiptop]

Можно.

[dbanet]

Ладно, я, видимо, что-то не понял.

[alltiptop]

В статье только макет в svg, свойства которого хоть и задаются в css, но совершенно не подходят для юзерскрипта, так что ради схожести с макетом юзерстиль придётся пилить вручную. Хотя, конечно же, при желании можно добиться схожести кода для макета и сайта.
Полагаю, сделаю юзерскрипт в следующем посте, относящемся к вёрстке из инкскейпа.

[prokoudine]

Ещё и нестабильный Inkscape из транка :)

[ntrox]

Интерфейс слегка двинутый…
А почему бы не Xara?