Вопросы с тегом «css»

Как веб-разработчик, как внешний, так и внутренний архитектор, я работаю со многими разными дизайнерами и иногда нахожу разочарование работой с дизайнерскими композициями, где не задумывались над тем, как выполнить дизайн в базовых CSS и HTML. С другой стороны, как разработчик, я должен иметь возможность создавать код любого дизайна. Нужно ли …

31 website-design  css  designers 

Я пришел сюда в поисках небольшой помощи по дизайну или совета о том, как я мог бы улучшить следующее: Как видно из названия, у меня есть баннер на сайте с несколькими текстами, отображаемыми на разных изображениях в качестве фона. Теперь, поскольку большинство изображений темные, я установил белый цвет шрифта. Но …

30 website-design  color  text  images  css 

Я создал пользовательский значок Facebook с помощью Inkscape и сохранил его как SVG. Он использует тот же шрифт, что и заголовок моей страницы, который использует шрифт "ubuntutitling-bold-webfont", на который я ссылаюсь как .woff в файле CSS. Заголовок работает, но svg нет - он отображает «f» в каком-то шрифте по умолчанию. …

28 css  svg  web-fonts 

У меня есть пара иллюстраций, сделанных в Illustrator, и я планирую анимировать их для веб-сайта, над которым я работаю, я слышал о инструментарии Create.js с flash, но это лучший способ или есть другой » лучше "способ сделать это? Вот пример анимации, к которой я стремлюсь: http://kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/

27 website-design  css  animation  illustration  adobe-flash 

Обратите внимание, что речь идет о дизайне гораздо больше, чем о разработке. Я создаю сайты с нуля с полностью написанными от руки CSS и HTML. Я уже давно знал о готовых шаблонах CSS, таких как Bootstrap или HTML5 Boilerplate . Я кратко смотрел на них в прошлом, но никогда не …

27 website-design  css  website-templates  html 

Есть ли способ отредактировать SVG-файлы в Illustrator, где вы можете указать класс CSS для каждого пути? Я уже знаю в Illustrator, что если вы дадите имени слоя фактическое имя, Illustrator будет использовать это имя в качестве идентификатора пути, что хорошо, если вы не планируете повторно использовать значок более одного раза …

21 adobe-illustrator  css  svg 

Я вижу, что это, вероятно, вопрос нуб, но это действительно смущает меня. Я читаю документы из Google Material Design, а также некоторые из его реализаций в css. Спецификация написана на Android dp, в то время как коды CSS используются pxв качестве единицы длины. Меня смущает то, что реализации css часто …

17 css  android 

У меня есть PSD с веб-дизайном. Каждый раз, когда я настраиваю дизайн, мне нужно вручную копировать разные части изображения с разными уровнями видимости (для прозрачности) в спрайты CSS. Сколько это можно автоматизировать?

14 adobe-photoshop  export  css  sprite 

Я нашел скрипт, который делает именно это (генерирует CSS и HTML для слоев и предлагает возможность экспортировать их в% значения) и сокращает работу для веб-разработчика в два раза для Photoshop. Теперь мне любопытно, сталкивался ли кто-нибудь с плагином или указал мне на нативную функцию, подобную той, которая есть в приложении …

13 css  html  sketch-app  plugin 

Я вижу, что многие дизайнеры создают прекрасные работы по веб-дизайну в Photoshop, но теперь с появлением CSS3, когда они хотят изменить это на HTML и CSS, они просто начинают с нуля и создают что-то около 80% окончательного дизайна с использованием CSS3. Например, они используют border-radius, непрозрачность, градиент фона, тень блока …

13 adobe-photoshop  website-design  css 

Я пытаюсь избежать использования фонового изображения (или любого решения на основе изображений) для эффективного создания этого: Примечание: красная стрелка просто указывает на соответствующую границу. Стрелка не должна быть включена в ваш ответ. Как я могу создать эту границу неправильной формы с чистым CSS (без изображений)? Если изображения неизбежны, наиболее краткий …

12 css  borders 

Модуль оформления текста CSS3 включает свойство text-underline-position , которое указывает, следует ли размещать подчеркивание ниже всего текста: или чуть ниже базовой линии, позволяя ей конфликтовать с текстовыми потомками: Хорошо, мы все знаем, как подчеркивание следует использовать только в качестве последнего средства, но ... если вы собираетесь его использовать, какой самый …

12 typography  css 

На этом форуме я нашел пару полезных тем, касающихся проблем, связанных с (отображением) изображений в подписях электронной почты - например, здесь - и я искал по всей сети, но все еще не нашел хорошего решения, которое достаточно решает проблему. Мой клиент просто хотел бы, чтобы логотип его компании был включен …

11 css  image-quality  html  retina 

Я хотел бы знать, сколько размеров шрифтов вы можете использовать для веб-сайта. Кто-то сказал мне, что лучше не использовать более 3 разных размеров шрифта (например, 16px для заголовка, 11px для текста и 13 px для небольших заголовков). Это хорошая или плохая идея использовать более 3 размеров шрифта на веб-странице (например, …

11 website-design  typography  css 

Bootstrap - это отличный фреймворк, и я хочу знать, есть ли инструмент, который дает вам возможность перетаскивать html-компоненты, изменять их размеры и перемещать, менять цвета - все это при генерации html-кода начальной загрузки. Я не хочу использовать Dreamweaver, потому что вам нужно пойти и добавить классы и идентификаторы в HTML, …

11 website-design  css  html